배열이란 어떤 값들을 순서대로 저장하는, 수학에서 보면 집합과 비슷한 느낌이다.

var fruits = ['apple', 'mongo', 'orange', 'grape', 'banana'];
var array1 = [1 , '3', true];
var array2 = [undefined, "", '', 'undefined', null, false, NaN, 0];

배열 안에 존재하는 'apple'이나 'mongo'와 같은 값들을 element, 요소라고 일컫는다.

 

  • 배열의 길이, length
var array2 = [undefined, "", '', 'undefined', null, false, NaN, 0];

function valueOfLength(x) {
    return x.length
}

console.log(valueOfLength(array2));

전에 배운 length처럼, 배열에서도 length를 통해 배열의 길이(배열 안에 존재하는 요소의 갯수)를 알 수 있다.

 

  • 요소 접근, index
var food = ['pizza', 'burger', 'chicken']
var myFavoriteFood = food[1];

console.log(myFavoriteFood); // 'burger'

var fibonacci = [1, 2, 3, 5, 8, 13];
console.log(fibonacci[4]); // 8
fibonacci[4] = null;
console.log(fibonacci[4]); // null

index를 통해 정해진 위치에 존재하는 요소에 접근할 수 있다. 또한 대입 연산자 '='를 통해 값을 바꿀 수도 있다.

 

  • 요소 추가 및 제거
var arr1 = [];
arr1[0] = true;
console.log(arr1[0]); // true

arr1[2] = true;
console.log(arr1[2]); // true

console.log(arr1); // [true, undefined, true]

단순하게 index와 대입 연산자 '='를 이용해서 요소를 추가할 수 있다.

var arr2 = ['alone'];
console.log(arr2); // ['alone']

arr2.push(1);
console.log(arr2); // ['alone', 1]
arr2.push(NaN);
console.log(arr2); // ['alone', 1, NaN]

arr2.pop();
console.log(arr2); // ['alone', 1]
arr2.pop();
console.log(arr2); // ['alone']

push를 통해 요소를 순서대로 추가할 수도 있고, pop을 통해 요소를 순서대로 제거할 수도 있다.

 

 

 

 

Array Methods : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array#%EB%A9%94%EC%84%9C%EB%93%9C

+ Recent posts