Array를 다루어보자

정수인·2022년 1월 6일
0

Javascript

목록 보기
1/9
post-thumbnail

Array?

배열(Array)는 인덱스를 갖는(순서를 가진) 다양한 정보를 저장할 수 있는 자료구조를 말한다.
배열의 항목에 접근하기 위해서 인덱스를 사용할 수 있다.

  • 배열은 또 다른 배열을 요소로 포함할 수 있다.
  • 배열의 요소는 쉼표와 쉼표로 구분한다.

배열의 생성

배열을 생성하고 배열의 값에 접근해보자.

배열의 생성

let arr = [];  // 이름이 arr인 배열을 생성했다.
arr[0] = 'a'   // arr의 0번째 배열은 'a'이다.
console.log(arr[0]);	//'a'
첫 번째 줄에서 빈 배열을 생성하고, 그 안에 배열을 생성하는 모습을 볼 수 있다.
let arr = ['a'];		// 위의 코드와 같다.
console.log(arr[0]);	// 'a'

배열을 생성한 후에 인덱스로 배열이 갖고 있는 값에 대해 접근할 수 있었다.

다차원배열을 생성하고 접근해보자

배열은 배열을 값으로 저장할 수 있는데 이것을 다차원(multi-dimensional array)이라고 한다.

다차원배열 생성하기

let multiArray = ['a', ['b', 'c'], 'd'];

Q. 배열 ['b', 'c']을 가진 배열 multiArray을 생성했다. 배열 ['b', 'c']에 접근해보자

console.log(multiArray[1]);	//['b', 'c']

Q. 요소'b'에 접근해보자

console.log(multiArray[1][0]);	//'b'

그럼 배열을 수정하는 방법을 알아보자.

배열의 수정

배열에 새로운 값을 추가하거나 삭제해보자.

1) 추가하기

  • 배열의 끝에 추가하기
    arr.push()
let arr = ['a', 'b', 'c'];	//arr배열 생성
let push = arr.push('d');   //끝에 'd'추가
console.log(arr);	//['a', 'b', 'c', 'd']
  • 배열의 처음에 추가하기
    arr.unshift()
let arr = ['a', 'b', 'c'];	//arr배열 생성
let unshift = arr.unshift('first');   //앞에 'first'추가
console.log(arr);	//['first', 'a', 'b', 'c']

2) 삭제하기

  • 배열의 끝에 삭제하기
    arr.pop()
let arr = ['a', 'b', 'c'];	//arr배열 생성
let pop = arr.pop();   //arr에 끝에 'c'삭제
console.log(arr);	//['a', 'b']
  • 배열의 처음에 삭제하기
    arr.shift()
let arr = ['a', 'b', 'c'];	//arr배열 생성
let shift = arr.shift('first');   //앞에 'first'추가
console.log(arr);	//['first', 'a', 'b', 'c']
  • 배열의 index로 삭제하기
    arr.splice()
let arr = ['a', 'b', 'c', 'd'];	//arr배열 생성
let splice = arr.splice(1, 2);   //index가 1인 값에서부터 2만큼 삭제시킨다.
console.log(arr);	//['a', 'd']

이처럼 배열을 생성하고, 값의 인덱스를 활용하여 값을 수정할 수 있다,

profile
가치 있는 같이

0개의 댓글