티스토리 뷰
반응형
✏️ 자바스크립트 배열 함수
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)
반응형
'Front-end > JS' 카테고리의 다른 글
[Web/JS] 최신 자바스크립트 기술들 (0) | 2024.08.04 |
---|---|
[Web/JS] 자바스크립트 API 호출 (0) | 2024.08.04 |
[Web/JS] 자바스크립트 기본 원리 (0) | 2024.08.04 |
[Web/JS] 자바스크립트 백틱 용법(탬플릿 리터럴) (0) | 2024.08.04 |
HTML+CSS+자바스크립트 웹 표준의 정석 17장 마무리 문제 (0) | 2024.07.02 |
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 백준
- 에라토스테네스의 체
- 자료구조
- 카운팅 정렬
- 유클리드 호제법
- 백준 풀이
- BFS
- 스프링 부트 crud 게시판 구현
- 알고리즘
- C++ Stack
- c++ string
- java
- 우선순위 큐
- 반복문
- js
- C++
- DFS
- 자바
- DP
- 알고리즘 공부
- HTML5
- 스택
- 자바스크립트
- 세그먼트 트리
- html
- 이분 매칭
- CSS
- Do it!
- 유니온 파인드
- 투 포인터
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함