map 함수 관련으로 질문드립니다.

[박]

안녕하세요 코딩애플님,
자바스크립트로 간단한 개인 프로젝트를 만들던중에 의문사항이 생겨 질문드립니다.

예를 들어 array 의 일부에만 key 를 따로 만들어주고 싶어 아래와 같이 코딩한다고 했을때
------
const arr = [{ i: 1 }, { i: 2 }, { i: 3 }, { i: 5 }, { i: 4 }]
const sliceArr = arr.slice(0,2)
sliceArr.map( (obj) => obj.key = obj.i * 10 )
console.log(arr, "arr 입니다")
------
콘솔 결과 : [{ i: 1, key: 10 }, { i: 2, key: 20 }, { i: 3 }, { i: 5 }, { i: 4 }], "arr 입니다"
로 콘솔결과는 제 의도대로 나왔지만

sliceArr.map( (obj) => obj.key = obj.i * 10 ) 여기서 어떻게 arr 의 본체가 변경될 수 있는지
잘 이해가 되지 않아 질문드립니다.
그리고 해당 코드를 초기 arr 을 변경하는 코드로 사용해도 추후에 문제가 생기지 않을지 조언 부탁드립니다.

[codingapple]

map으로 sliceArr 안에 있는거 하나씩 꺼내는데 
안에있는거.key = 안에있는거.i * 10 하라고 해서 변경되는듯요 
별문제없어보이는데요

[글쓴이]

글