진스
반복문의 종류 본문
728x90
const people = [
{name:'사나',age:20,},
{name:'영희',age:21,},
{name:'철수',age:22,},
{name:'민정',age:24,}
]
for
for ( let i=0; i< people.length; i++){
console.log(people[i].name)
}
for in
for ( let p of people){
console.log(p)
}
구
최신
forEach 단순히 반복해줌 두번째 인자는 인덱스
people.forEach(function(person,index){
console.log(person,index)
})
map 배열을 다른 배열로 재생산
const we = people.map(function(p){
return p.name //값을 남겨야하므로
})
console.log(we) //name만 나옴
filter 배열에서 특정조건만 뽑아 만듬 (데이터를 불러와서 테이터테이블에서 실시간 검색할때~ )
const newPeople = people.filter(function(p){
return p.name==='사나';
})
console.log(newPeople)
reduce 배열의 값들의 합을 구할때 주로 사용
//보통값 계산때는
const num =[1,10,2,11,555]
const total=num.reduce(function(acc,cur){ // acc더해진값, cur 현재값
console.log(acc,cur);
return acc+cur
});
console.log(total)
//실전에 많은 오브젝트안에 있을때는
const people = [{name:'사나',age:20,},{name:'영희',age:21,},{name:'철수',age:22,},{name:'민정',age:24,}]
const total=people.reduce(function(acc,cur){ // acc더해진값, cur 현재값
console.log(acc,cur);
return acc+cur.age
},0); //초기값이 없으면 계산이 안됨
console.log(total)
728x90
'JavaScript' 카테고리의 다른 글
요소의 절대 좌표/상대 좌표 구하기 (0) | 2021.05.23 |
---|---|
HTMLCollection과 NodeList 살펴보기 (0) | 2021.05.13 |
Array & Object (0) | 2021.05.09 |
export default와 export ,import 할때, 중괄호 {} 차이 (0) | 2021.05.04 |
for, foreach, filter, map, reduce 기능 및 성능 비교 (0) | 2021.05.04 |
Comments