티스토리 뷰

반응형

✏️ 자바스크립트 배열 함수

let names = ["pooreum","poo","reum"]

let ceoList = [
  {name:"pooreum",age:23,ceo:true},
  {name:"poo",age:22,ceo:true},
  {name:"reum",age:21,ceo:true}
]

// 기존 방식
for(let i=0;i<names.length;i++){
  console.log(names[i])
}

// 1. forEach 함수 
function printName(item){
  console.log(item)
}
names.forEach(printName)

// 1-2 익명 함수 사용하기, forEach는 return값이 없다
names.forEach((item,index)=>{console.log(item,index)})

// 2. map 함수 사용하기, map은 return값이 배열이다
let data = names.map((item)=>{
  return item // 원하는 값을 붙일 수 있다, ex) item+"haha"
})
console.log(data)

// 2-2 객체에서 원하는 값 출력하기
let da = ceoList.map((item)=>{
  return item.age // 원하는 값을 붙일 수 있다ex)item+"haha"
})
console.log(da)

// 3. filter 함수 사용하기, filter는 return값이 배열
let data2 = names.filter((item)=>{
  return item.startsWith("r")
})
console.log(data2)

// 4. some 함수 사용하기, some 함수는 조건에 대한 true/false를 반환
let data3 = names.some((item)=>{
  return item.startsWith("r")
})
console.log(data3)

// 4. every 함수 사용하기, every 함수는 조건에 대한 모든 값에 대해 true/false를 반환
let data4 = names.every((item)=>{
  return item.startsWith("r")
})
console.log(data4)

// 5. find 함수 사용하기, find 함수는 리턴 값이 하나이고, 첫 번쨰로 찾은 값만 반환하며 여러 개의 값을 반환하지 않는다
let data5 = names.find((item)=>{
  return item.startsWith("r")
})
console.log(data5)

// 6. findIndex 함수 사용하기, findIndex 함수는 리턴 값이 번호이고, 첫 번쨰로 찾은 값만 반환하며 여러 개의 값을 반환하지 않는다
let data6 = names.findIndex((item)=>{
  return item.startsWith("r")
})
console.log(data6)
반응형
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   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
글 보관함