본문 바로가기
js/개발

js 배열함수

by 냉면돈가스 2022. 1. 17.

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

댓글