JavaScript 시작하기 - 객체(배열)

1. 배열이란?

- 여러가지 데이터를 저장하는 저장소 역할

let fruits = ['orange', 'watermelon', 'grape', 'apple'];

** 배열에 있는 값을 꺼내거나 수정하려면 [ ]를 이용한다.

 

let fruits = ['orange', 'watermelon', 'grape', 'apple'];
let one = fruits[0];
let two = fruits[1];

fruits[3] = 'melon';

console.log(one, two, fruits);

// orange watermelon ['orange', 'watermelon', 'grape', 'melon'] 출력

 

[여러가지 배열 메소드]

 

** 배열이름은 편의상 arr로 함

- arr.unshift(값) : 배열의 맨 첫번째에 괄호안의 값을 추가한다 - arr.shift( )  : 배열의 맨 첫번째 요소 제거한다 - arr.push(값) : 배열의 맨 뒤에 괄호안의 값을 추가한다 - arr.pop( ) : 배열의 맨 마지막 요소를 제거한다 - arr.slice(시작인덱스, 끝 인덱스) : 배열의 시작 인덱스부터 끝 인덱스 - 1 까지 잘라낸다. 배열의 원본은 건들지 않는다 - arr.splice(시작인덱스, 잘라낼 개수) : 배열의 시작 인덱스부터 잘라낼 개수만큼 잘라낸다. 배열의 원본을 건든다 - arr.includes(찾는 값) : 배열에서 괄호 안의 찾는 값이 포함되어 있는지 true, false로 반환한다.  - arr.indexOf(찾는 값) : 배열에서 괄호 안 찾는 값의 인덱스를 반환한다.  - arr.lastIndexOf(찾는 값) : 배열에서 괄호 안 찾는 값의 인덱스를 배열의 뒷 부분부터 찾아본다. - arr.length : 배열의 길이 반환

 

<예제>

let arr = []; // 빈 배열
for(let i=0;i<20;i++){
    arr.push(i+1); // arr에 1부터 20까지 추가
}

arr.shift(); // 배열의 첫 번째 요소 1제거
arr.push(21); // 배열의 맨 마지막에 21추가
arr.pop(); // 배열의 맨 마지막 요소 제거

console.log(arr);
// [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20] 

let arr2 = [1,2,3,4,5];
let arr3 = arr2.slice(0,3);
console.log(arr2, arr3); // [1, 2, 3, 4, 5]  [1, 2, 3] 출력, arr2 원본을 건드리지 않음


let arr4 = arr2.splice(0, 2);
console.log(arr2, arr4); // [3, 4, 5]  [1, 2] 출력, arr2 원본을 건드림