개발일지
map을 활용해 배열 속 객체를 재구성하기 본문
var kvArray = [{key:1, value:10},
{key:2, value:20},
{key:3, value: 30}];
var reformattedArray = kvArray.map(function(obj){
var rObj = {};
rObj[obj.key] = obj.value;
return rObj;
});
// reformattedArray는 [{1:10}, {2:20}, {3:30}]
// kvArray는 그대로
// [{key:1, value:10},
// {key:2, value:20},
// {key:3, value: 30}]
인자를 받는 함수를 사용하여 숫자 배열 재구성 하기
인자가 한개인 함수를 이용하여 map이 어떻게 동작하는지 나타냅니다. 인자인 배열과 안의 요소들은 map을 통해 순회하면서 원본 배열로 부터 자동으로 할당됩니다.
var numbers = [1, 4, 9];
var doubles = numbers.map(function(num) {
return num * 2;
});
// doubles는 이제 [2, 8, 18]
// numbers는 그대로 [1, 4, 9]
'Aura LWC JavaScript' 카테고리의 다른 글
LWC Lightning-Input CSS 수정시 적용이 안될 때 Dom Control하기 (0) | 2025.02.12 |
---|---|
[JS] Array.prototype.map() (0) | 2021.07.09 |