JavaScript | ES6 배열 내장함수 정리

Hayley·2021년 12월 23일
0

배열 내장함수 : 배열을 다룰 때 유용한 내장 함수

let ceoList = [
{name: john , age: 23, ceo: true},
{name: steven , age: 23, ceo: true},
{name: todd , age: 23, ceo: false},
{name: jack , age: 23, ceo: false}]

forEach:

names.forEach((item, index)=>{
console.log(item, index)})
  • 반환값이 없음

map:

let data = ceoList.map((item)=>{
return item.name+heyhey})
console.log("map:", data)
  • 반드시 배열을 반환함
  • 원하는 데이터만 가져오고 싶을 때 많이 사용한다
  • 요소들에게 일괄적으로 함수를 적용하고 싶을 때 사용하기 적합

filter:

let data2 = names.filter((item)=>{
return item.startsWith("j")}) //이름이 j로 시작하는 것만 보여줌
console.log("filter:", data2)
  • boolean 타입만 반환
  • true인 값을 모두 보여줌
  • 결과를 배열에 담아서 보여줌

some:

let data3 = names.some((item)=>{
return item.startsWith("j")}) //j로 시작하는 아이템이 존재하는지 알려줌
console.log("some:",data3) //true or false
  • 조건식에 참인 것이 하나라도 있으면 true로 나옴

every:

let data4 = names.every((item)=>{
return item.startsWith("j")}) //모두의 이름이 j로 시작할 경우
console.log("every:",data4) //true, 아니라면 false

find:

let data5 = names.every((item)=>{
return item.startsWith("j")}) //이름이 j로 시작하는 제일 앞사람 한명만 데려와
console.log("find:",data5)  true or false
  • filter는 배열에 담아 주지만 fine는 해당 값 하나만 줌
  • 첫번째로 찾은 값 하나만 반환

findIndex:

let data6 = names.every((item)=>{
return item.startsWith("j")}) //이름이 j로 시작하는 제일 앞사람의 번호만 알려줘
console.log("findIndex:",data6) 

reduce:

profile
👩🏻‍💻✍🏻

0개의 댓글