배열

hzn·2022년 9월 2일
0

JavaScript

목록 보기
2/17
post-thumbnail

배열

  • 순서가 있는 값
  • 순서: 인덱스 (0부터 번호를 매김)
  • 값: 요소

배열의 속성

length : 배열의 길이

  • 배열명.length
  • 빈 배열인지 확인하기

arr.length === 0

cf) arr === []로는 확인 할 수 없다. [] === []은 false이다. 자바스크립트 상에서는 두 배열을 주소가 다른 두 개의 빈 배열이라고 생각하기 때문.

배열의 반복

  • 반복문을 이용해 배열의 요소를 한 번씩 출력하려면?
let myNum = [23, 53, 72, 24, 17];

for (let i=0; i<myNum.length; i++) {
  console.log(myNum[i]);
}
  • 배열의 요소를 모두 더한 값은?
let myNum = [10, 20, 40, 10];
let sum = 0;
for (let i=0; i<myNum.length; i++) {
  sum += myNum[i]
}

배열 메서드

배열 판별

Array.isArray()

  • Array.isArray(판별할 배열)
  • ARGUMENTS(매개변수): 판별할 배열
  • RETURN VALUE(반환 값): true or false
  • 배열인지 판별
  • 배열에 typeof를 쓰면 object라고 나옴. (객체 등과 구분 불가)

배열의 요소 추가, 삭제

push() : 배열의 마지막에 요소 추가

* Mutable

  • arr.push(추가할 요소)

pop() : 배열의 마지막 요소 삭제

* Mutable

  • arr.pop()

unshift() : 배열의 처음에 요소 추가

* Mutable

  • arr.unshift('추가할 요소`)

shift() : 배열의 첫 요소 삭제

* Mutable

  • arr.shift()

배열에서 요소 찾기

indexOf() : 요소의 인덱스

  • arr.indexOf(찾을 요소)
  • 대소문자 구분됨 (A !== a)
  • 찾는 요소가 없으면 -1 반환
    let words = ['hi', 'good', 'morning']
    	word.indexOf('good') !== -1 // true

includes() : 요소가 포함됐는지 여부

  • arr.includes(찾을 요소)

배열 복사, 자르기

slice() : 배열 복사해서 자르기

* Immutable

  • arr.slice(시작 인덱스, 끝 인덱스(포함 X))
  • arr.slice(시작 인덱스) : 시작 인덱스 부터 끝까지
  • arr.slice() : 배열 전체 복사

splice() : 배열에서 요소 삭제하고 추가하기

* Mutable

  • arr.splice(삭제 시작 인덱스, 삭제할 요소 숫자, 추가할 요소1, 추가할 요소2...)

기타

join() : 배열의 요소 연결해 문자열로

* Immutable

  • arr.join() : 요소 사이 쉼표로 연결
  • arr.join('') : 요소 사이 띄어쓰기 없이 붙임
  • arr.join('요소 사이에 넣을 문자열')

concat() : 배열 합치기

* Immutable

  • 배열1.concat(배열2 또는 추가할 요소) : 배열1배열2(또는 추가할 요소)를 합친 배열 리턴

기타 (배열 메서드 X)

split() : 문자열을 배열로 (string 메서드)

  • str.split() : 문자열 전체(str)가 유일한 요소인 배열
  • str.split('') : 글자 하나하나가 요소
  • str.split(' ') : 단어(띄어쓰기 기준) 하나가 요소

0개의 댓글