개체 배열 및 키로 ID를

Question

API에서 반환 된 일부 데이터를 정규화하려고합니다. 이미 프로젝트에서 밑줄을 사용하고 있습니다.

var normalisedRes = [{ 
    1: { 
    badge_no: 123, 
    id: 1, 
    name: 'bob' 
    } 
}, { 
    2: { 
    badge_no: 456, 
    id: 2, 
    name: 'bill' 
    } 
}, { 
    3: { 
    badge_no: 789, 
    id: 3, 
    name: 'ben' 
    } 
}]; 

내가 OBJ 내에서 ID를 유지하는 것이 중요하다

var res = [{ 
    badge_no: 123, 
    id: 1, 
    name: 'bob' 
    }, { 
    badge_no: 456, 
    id: 2, 
    name: 'bill' 
    }, { 
    badge_no: 789, 
    id: 3, 
    name: 'ben' 
    }, 
    // etc 
]; 

나는과 같은 데이터 구조를 만들 찾고 있어요. 나는 이것을 reduce와 함께 할 수 있다고 믿지만, 나는 고심하고있다.

도움 주셔서 감사합니다.

편집 :이 질문은 이제 답변되었습니다. 내가 원래 생각 나는 예상대로

{ '1': {data}, '2':{data}, '3':{data} } 

, 나는 줄이고 사용이 작업을 수행하려면 : 여기에 조언의 일부에서

, 나는처럼 보이는 OBJ를 반환하는 데이터를 정상화하기로 결정했습니다

var normalised = res.reduce((acc, person) => { acc[person.id] = person; return acc; }, {});

모든 답변을 제공해 주셔서 다시 한 번 감사드립니다. 당신은 또한 작업을 완수해야 reduce()하지만 map()을 사용할 수 원하는 경우

Answer 1

당신은 Array#map()

var res = [{badge_no:123, id:1, name:'bob'},{badge_no:456, id:2, name:'bill'},{badge_no:789, id:3, name:'ben'}]; 
 

 
var result = res.map(e => ({[e.id]: e})) 
 
console.log(result)

이 작업을 수행 할 수 있습니다.

var res = [{badge_no:123, id:1, name:'bob'},{badge_no:456, id:2, name:'bill'},{badge_no:789, id:3, name:'ben'}]; 
 

 
var result = res.reduce((r, e) => (r.push({[e.id]: e}), r), []) 
 
console.log(result)

Answer 2

당신은 객체 Array#map를 사용하고 id와 키를 설정하고 개체를 반환 할 수있다.

var array = [{ badge_no: 123, id: 1, name: 'bob' }, { badge_no: 456, id: 2, name: 'bill' }, { badge_no: 789, id: 3, name: 'ben' }], 
 
    result = array.map(function (a) { 
 
     var o = {}; 
 
     o[a.id] = a; 
 
     return o; 
 
    }); 
 

 
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

ES6와

, 당신은 계산 된 속성을 사용할 수 있습니다. 객체의 키와

는

var array = [{ badge_no: 123, id: 1, name: 'bob' }, { badge_no: 456, id: 2, name: 'bill' }, { badge_no: 789, id: 3, name: 'ben' }], 
 
    result = array.map(a => ({ [a.id]: a })); 
 

 
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

당신 캔트 사용하는 정수. 그래서 당신의 예제는 불가능합니다. 관련 이슈보기 : Javascript: Using integer as key in associative array?