배열이란 어떤 값들을 순서대로 저장하는, 수학에서 보면 집합과 비슷한 느낌이다.
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
'프로그래밍 > 바닐라코딩_Prep Guide' 카테고리의 다른 글
Step 3. Algorithm (0) | 2021.11.30 |
---|---|
Step 2. JavaScript(9) - Object, 객체 (0) | 2021.11.29 |
Step 2. JavaScript(7) - Function, 함수 (0) | 2021.11.28 |
Step 2. JavaScript(6) - Exercise (0) | 2021.11.25 |
Step 2. JavaScript(5) - for, 반복문 (0) | 2021.11.25 |