[React] Front-End

[FE] ES6 map(), 그리고 reduce()

ddgoori 2021. 7. 4. 14:01

map()

인자값: currentValue, index, array

배열의 요소를 일괄적으로 변경!

var arr = ['dahae', 'dadong', 'mylove'];

// arr의 요소하나를 돌면서 걔를 각요소 v의 길이length로 치환해라
var arr2 = arr.map(v => v.length) 
console.log(arr2);

 

filter()

요소를 걸러내어 배열로 true/false 반환하고 없으면 빈 배열

조건이 true인 것의 원래 배열의 요소를 반환해서  배열을 만듬

var arr = [4, 15, 377, 395, 400]
var arr2 = arr.filter( v => (v % 5 === 0))

console.log(arr2)    //[15, 395, 400]

 

find()

단 하나의 요소만 반환, 여러개 있으면 처음 값만 반환함

 

 

reduce?

 

 

forEach

배열 순회

let arr = [1, 2, 3, 4, 5];
arr.forEach(v => console.log(v));

 

let key in obj

object 순회

let obj = {
  a: 1,
  b: 'hello',
  c: [1, 2]
}
for (let key in obj) {
  console.log(key);
  console.log(obj[key]);
}


//결과
a    // key
1    // obj[key]
b
hello
c
(2) [1, 2]

 

 

https://velog.io/@decody/map-%EC%A0%95%EB%A6%AC