for in
객체의 속성들을 반복하여 사용한다.
for(const 작명 in object){}
key에 대하여 반복 실행하며 value는 [object.작명] 과 같은 식으로 참조한다.
for of
배열 요소들을 반복하여 사용한다.
for(const 작명 of array){}
//기본적으로 value에 대하여 반복 실행하지만 문장을 바꿔 index참조변수도 같이 만들 수 있다.
for(const [작명인덱스 , 작명값] of array.entries()){}
forEach
배열 요소들을 반복하여 사용한다.
array.forEach(function(value, index, array) {
console.log('인덱스 '+index+ ': ' +value+', 배열의 전체는: '+array);
})
array.forEach((value,index,array) => {
console.log('인덱스 '+index+ ': ' +value+', 배열의 전체는: '+array);
})
unshift
배열의 맨 앞쪽에 요소를 추가하고 배열의 길이를 return 받는다.
array.unshift('b',5)
splice
배열의 지정 인덱스부터 원하는 만큼 요소를 잘라낸다.
array.splice(1,4)
join
배열의 모든 요소를 이어준다.
array.join('요소 사이에 들어갈 것')
find
배열요소 중 해당 함수를 만족하는 첫번째 요소를 반환한다.
array.find(findFunc)
const findFunc = (value) => {
return value === 3
}
findIndex
배열요소 중 해당 함수를 만족하는 첫번째 요소의 인덱스를 반환한다.
array.findIndex(findFunc)
const findFunc = (value) => {
return value===3
}
indexOf != lastIndexOf
배열요소 중 해당 값과 같은 첫번째 요소를 반환한다.
array.indexOf(1)
includes
배열요소 중 해당 값이 있는지 판별한다.
탐색시작 위치를 2번째 인자로 추가하여 정할 수 있다.
array.includes(1,4)
every
배열요소 전체가 해당 조건을 만족하는지 판별한다.
array.every(everyFunc)
const everyFunc = (value) => {
return value===3
}
some
배열요소 중 하나라도 해당 조건을 만족하는지 판별한다.
array.some(someFunc)
const someFunc = (value) => {
return value===3
}
filter
주어진 조건을 만족하는 모든 요소들을 모아 새로운 배열을 생성한다.
newArray = array.filter(filterFunc)
const filterFunc = (value) => {
return value>3
}
map
주어진 함수를 수행한 결과들을 모아 새로운 배열을 생성한다.
newArray = array.map(mapFunc)
const mapFunc = (value) => {
return value*2
}
reverse
배열의 요소순서들을 뒤집는다.
array.reverse()
findLast
주어진 조건중 가장 마지막 요소를 반환한다.
const array1 = [5, 12, 50, 130, 44];
const found = array1.findLast((element) => element > 45);
found // 130
'js > 개발' 카테고리의 다른 글
js 즉시실행함수 (2) | 2022.05.31 |
---|---|
js ajax로 비동기 통신하기 (0) | 2022.02.04 |
js console 종류 (0) | 2022.01.15 |
js destructuring assignment (0) | 2022.01.14 |
js 실행시점 조절 (0) | 2022.01.14 |
댓글