본문 바로가기

학습 내용 정리/javascript

javascript Array method

728x90

javascript 표준 내장 객체인 Array의 method에 대해 알아본다.

 

arr.concat(Array2) : 배열 합쳐서 새로운 배열로 반환 (기존 배열 변경 X)

arr.every(function) : 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트, Boolean 반환.

arr.fill(value,start,end) : start부터 end까지 value의 값으로 채움, start와 end 생략 가능.

arr.filter(function) : 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환

arr.find(function): 주어진 판별 함수를 만족하는 첫 번째 요소 을 반환, 없다면 undefined 반환

arr.findIndex(function) : 주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스, 없다면 -1 반환

arr.findLast : find 메소드를 역순으로 실행

arr.findLastIndex(function) : findIndex 메소드를 역순으로 실행

arr.forEach(function) : 주어진 함수를 배열 요소 각각에 대해 실행

arr.includes(요소) : 배열이 특정 요소를 포함하고 있는지 판별, boolean 반환

arr.indexOf : 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환, 존재하지 않으면 -1을 반환

arr.isArray : 주어진 인자가 배열인지 판별, boolean 반환

arr.join("중간에 들어갈 문자열") : 배열의 모든 요소를 연결해 하나의 문자열로 만든다. (arr.join("")는 요소가 공백 없이 모두 붙음)

arr.map(function) : 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환, 길이가 같은 배열 반환

arr.pop() :  배열에서 마지막 요소를 제거하고 그 요소를 반환

arr.push()  : 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환

 

arr.reduce(함수, 최초 인수 값) : 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환

- arr.reduce(function, initialValue)의 파라미터가 가질 수 있는 값

  1. 누산기 (acc)
  2. 현재 값 (cur)
  3. 현재 인덱스 (idx)
  4. 원본 배열 (src)

arr.reverse() : 배열 순서 반전

arr.shift() : 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환

arr.slice(시작인덱스, 끝인덱스) : 시작 인덱스부터 끝 인덱스까지 배열을 잘라 새로운 배열로 반환, 원본 배열은 바뀌지 않음

arr.some(function) : 배열 안의 어떤 요소라도 주어진 판별 함수를 적어도 하나라도 통과하는지 테스트

 

arr.sort() : 정렬, 기본: 유니코드 순서

items.sort(function (a, b) {
  if (a.value > b.value) {
    return 1;
  }
  if (a.value < b.value) {
    return -1;
  }
  // a must be equal to b
  return 0;
});

 

arr.splice(시작인덱스, 지울 갯수 , 넣을 요소) : 기존 요소를 삭제하고 새로운 요소를 해당 위치에 넣거나 넣지 않음

arr.unshift() : 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환

 

참고자료 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

'학습 내용 정리 > javascript' 카테고리의 다른 글

javascript 자료구조 Map  (0) 2023.08.03
javascript 변수의 네이밍 컨벤션  (0) 2023.08.03
javascirpt Math method  (0) 2023.08.02
변수와 상수  (0) 2023.07.26
javascript 언어의 역사와 특징  (0) 2023.07.26