자바스크립트 : 배열

nomore·2022년 9월 13일
0

자바스크립트

목록 보기
6/11

배열

배열은 순서가 있는 값
순서는 인덱스라고 부르며, 1이 아닌 0부터 번호를 매김(명심하자)

배열은 대괄호[]를 이용해서 배열을 만들고,
각각의 원소(element)는 쉼표로 구분해준다,

let number = [73, 87, 51, 86, 97];

배열의 값은 인덱스를 이용해 접근한다.

// number라는 배열의 3번째 인덱스를 조회하려면
number[3]; // 86

//number 배열의 3번쨰 인덱스 값을 변경하려면?
number[3] = 33;
// 배열안의 배열 요소를 조회하려면?(2차원 배열)
let number = [[12, 32], [15, 8], [43,85]]
number[1][0] //1번쨰 인덱스 요소의 0번째 인덱스 값 15가 나온다.
  • 배열의 길이를 알아 낼 수도 있다.
let number = [73,27,75,87,12];

//number라는 배열의 길이를 알아낸다.
number.length // 5

배열의 메소드 종류

  • Array.isArray() : 값이 배열인지 아닌지를 boolean타입(true,false)으로 나타낸다.
  • Array.push() : 배열의 마지막 요소 앞에 값을 추가한다.
  • Array.pop() : 배열의 마지막 요소 값을 제거할 수 있다.
  • Array.unshift() : 배열의 첫번째 인덱스 요소에 값을 추가한다.
  • Array.shift() : 배열의 첫번째 인덱스 요소를 제거한다.
  • Array.indexOf(searchElement) : 배열의 특정 값이 존재하는지 확인 해 인덱스 위치를 반환한다.
    특정값이 배열에 존재하지 않을 경우 -1를 반환한다.
  • Array.includes(searchElement) : 배열에 특정 값이 존재하는지 Boolean타입(true, false)로 반환한다.(단 브라우저 호환성 때문에 잘 사용되지 않는다.)
  • Array.splice() : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경한다.

push, pop, unshift, shift, splice, sort의 경우 원본 배열이 바뀌는 매서드이다.

원본배열이 안바뀌는 메서드 / 더 효율적으로 재사용 가능

  • .slice()
  • .concat()
  • .Array.from()
  • .filter()
  • .indexOf()
  • .includes
  • .every()
  • .map()
  • .forEach()
  • .find()
  • .findIndex()

0개의 댓글