250x250
Notice
Recent Posts
Recent Comments
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

진스

반복문의 종류 본문

JavaScript

반복문의 종류

입방정 2021. 5. 9. 22:58
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
Comments