5장 배열

채팅

설문조사

코딩창

배열이란?

관련있는 데이터를 하나의 변수에 할당하여 편하게 관리하기 위해 사용하는 객체입니다.

지금까지는 변수하나에 하나의 값만 할당이 가능했는데 이제 그럴 필요가 없어졌습니다.

let fruit = ['apple', 'pineapple']
console.log(fruit)

 

배열요소 접근하기

배열의 첫번째요소는 0번째입니다.  그래서 배열의 마지막 요수는 배열의 길이(배열 값의 개수) -1 입니다

let fruit = ["apple", "pineapple"];

console.log(fruit[0]);
console.log(fruit[1]);

배열 추가

배열 맨끝에 값을 추가하는 과정입니다

let fruit = ["apple", "pineapple"]

fruit.push('orange');
fruit.push('carrot');
fruit.push('salary');

console.log(fruit);

배열 제거

배열 맨끝부터 값을 제거하는 과정입니다

const fruit = ["apple", "pineapple"];
fruit.pop();
console.log(fruit);

배열 인덱스 찾기

인덱스는 배열값이 몇번째에 들어있는지 숫자로 반환합니다. 위에서 배열은 0번째 부터 시작한다고 소개하였습니다.

인덱스를 찾는데는 indexOf 함수를 사용합니다

아래의 예시에서는 apple의 위치가 배열 몇번째에 있는지 알수 있습니다

const fruit = ["apple", "pineapple"];
console.log(fruit);

let indexFruit = fruit.indexOf('apple');
console.log(indexFruit)
console.log(fruit[indexFruit]);

배열 복사

배열도 변수와 마찬가지로 복사 할 수 있습니다. 단 변수와 복사하는 법이 다릅니다

아래처럼 변수의 복사 방법입니다. 그리고 배열도 똑같은 방법으로 복사했습니다. 이렇게 복사하더라도 복사가 된것처럼 값이 원본과 같게 출력되지만 완벽한 복사가 아닙니다.

더 자세한 내용은 뒤에 immutable 이라는 불변성에서 공부해 보는것으로 합시다

let original = 1;
let copy = original;
console.log(copy);

let originalArray = ['apple','orange'];
let copyArray = originalArray;

cosnole.log(copyArray);

배열을 복사하는 문법은 다음과 같습니다

slice() 함수를 사용합니다

const fruit = ["apple", "pineapple"];
let fruitCopy = fruits.slice() 

문제

Q1. 사과 오렌지 멜론 수박이 들어간 배열을 하나 만들고 멜론이 배열 몇번째에 있는지 출력하시오

 

Q2. 사과 오렌지 멜론 수박이 들어간 배열을 하나 만들고 배열을 복사한다음 복사한 배열에 딸기를 추가하고 출력하시오