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
'[React] Front-End' 카테고리의 다른 글
[FE] JS ES6 : 화살표 함수 / Promise / async / await / Promiss.all() / Promise.race() (0) | 2021.07.06 |
---|---|
[FE] DOM / React Hooks(UseRef()) (0) | 2021.07.06 |
[FE] useEffect() / 상태값을 계속 물고있으려면? (0) | 2021.06.28 |
[FE] TIL : Checkbox (0) | 2021.06.27 |
[FE] MVC / gitignore / react에서의 네트워크통신 Class (0) | 2021.06.26 |