배열

배열선언

배열 선언은 두가지 문법이 있다.

let arr = new Array();

let arr = [];

 

대부분 두번째 방법으로 배열을 선언하는데, 이때 대괄호 안에 초기 요소를 넣어주는것도 가능하다.

 

let fruit = ['사과', '오렌지', '바나나', '키위', '수박'];

각 배열 요소엔 0부터 시작하는 숫자(인덱스)가 매겨져 있습니다. 이 숫자들은 배열 내 순서를 나타낸다.

배열 내 특정 요소를 얻고 싶다면 대괄호 안에 순서를 나타내는 숫자인 인덱스를 넣어주면 된다.

 

let fruit = ['사과', '오렌지', '바나나', '키위', '수박'];

console.log(fruit[0]); // 사과
console.log(fruit[1]); // 오렌지
console.log(fruit[2]); // 바나나
console.log(fruit[3]); // 키위
console.log(fruit[4]); // 수박

console.log(fruit); // ['사과', '오렌지', '바나나', '키위', '수박']

fruit을 console.log를 쳐서 확인 해보면 사과는 0번 index, 오렌지는 1번 index, 바나나는 2번 index, 키위는 3번 index, 수박은 4번 index 인것을 알 수 있다.

 

 

let fruit = ["사과", "오렌지", "바나나", "키위", "수박"];

fruit[3] = '체리';
console.log(fruit);

//[ '사과', '오렌지', '바나나', '체리', '수박' ]

fruit 배열에 3번 인덱스인 키위를 fruit[3] = '체리' 로 배열의 값을 바꿀 수도 있다. 

fruit[3]='체리' 를 하고 console.log(fruit)을 확인해 보면 3번 인덱스 값에 있던 키위가 체리로 바뀌는 것을 볼 수 있다.

 

let fruit = ["사과", "오렌지", "바나나", "키위", "수박"];

fruit[5] = "포도";

console.log(fruit);

//[ '사과', '오렌지', '바나나', '키위', '수박', '포도' ]

 

원래 배열이 0~4까지인데 fruit[5] = '포도' 를 통해 5번 배열에 포도를 넣어주고 console.log(fruit)을 확인 하면 5번 index에 포도가 생성된 것을 볼 수 있다.

 

let fruit = ["사과", "오렌지", "바나나", "키위", "수박"];

console.log(fruit.length)

//5

fruit 배열의 length도 console.log로 확인할 수 있다. 배열의 길이는 5이다.

 

 

const fruit = ["사과", { name: "whatsup", age: 20 }, true, "키위", "수박"];

console.log(fruit[1].name); // whatsup
console.log(fruit[1].age); // 20
console.log(fruit[2]); // true
console.log(fruit[4]); // 수박

이런식으로 작서하면 원하는 값을 끌어올 수도 있다. fruit 안에 배열이 1인 것에서 name의 값은 whatsup 이고

fruit 안에 배열이 1인 것에서 age의 값은 20이다.

 

---

Pop, Push와 Shift, Unshift

• push – 맨 끝에 요소를 추가한다.
• shift – 제일 앞 요소를 꺼내 제거한 후 남아있는 요소들을 앞으로 밀어준다. 이렇게 하면 두 번째 요소가 첫 번째 요소가 됨.
• pop - 배열 끝에 요소를 지운다

 

const number = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

number.pop();
console.log(number);

//[  1, 2, 3, 4, 5, 6, 7, 8, 9 ]

pop을 썼더니 맨 끝에 10이 사라졌다.

 

const number = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

number.shift();
console.log(number);
//
[ 2, 3, 4,  5, 6, 7, 8, 9, 10 ]

shift를 썼더니 맨 앞에 1이 없어졌다.

 

 

 

const number = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

number.push(11);
console.log(number);

//
[ 1, 2, 3, 4,  5, 6, 7, 8, 9, 10, 11]

push로 11이라는 값을 넣었더니 배열 맨 끝에 11이 추가되어서 length가 11짜리 배열이 되었다.