js 객체 배열 추가

---

js 에서 배열을 다루는 법은 일반적으로 나와 있지만 다차원 배열에 대해서는 잘 나와있지 않는 것 같다.

 

 

내가 방황한 이유는 아래 같이 LIST 가 있는데

 

list: [
        { name: "A", id: 0 },
        { name: "S", id: 1 },
        { name: "D", id: 2 },
        { name: "F", id: 3 },
        { name: "V", id: 4 },
        { name: "H", id: 5 },
        { name: "J", id: 6 },
        { name: "M", id: 7 },
        { name: "I", id: 8 },
  ],

 

 

모든 객체에 age : 16 데이터를 추가 하고 싶은데

보통의 방법처럼 push 로는 안되는 것이었다

 

list: [
        { name: "A", id: 0 , "age": 16 },
        { name: "S", id: 1 },
        { name: "D", id: 2 },
        { name: "F", id: 3 },
        { name: "V", id: 4 },
        { name: "H", id: 5 },
        { name: "J", id: 6 },
        { name: "M", id: 7 },
        { name: "I", id: 8 },
  ],

 

js 에서 아래와 같이 다루게 된다면

 

    var list = this.list
 
    list.forEach(function(element){ 
       element.age = 16; 
    })

 

 

아래처럼 내가 원하는 결과가 나온다.

 

list: [
        { name: "A", id: 0 , "age": 16 },
        { name: "S", id: 1 , "age": 16 },
        { name: "D", id: 2 , "age": 16 },
        { name: "F", id: 3 , "age": 16 },
        { name: "V", id: 4 , "age": 16 },
        { name: "H", id: 5 , "age": 16 },
        { name: "J", id: 6 , "age": 16 },
        { name: "M", id: 7 , "age": 16 },
        { name: "I", id: 8 , "age": 16 },
  ],

 

 요소.keyName = Value 

---

참조

https://medium.com/@shlee1353/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EA%B4%80%EB%A6%AC-f1f3b7b0625a

---