배열 기본 2-21/22

배열과 함수도 객체이다.

통틀어 객체라는 자료열이다.

 

const apple = 사과 
const ape = 수박 
const pe = 딸기 
const ale = 포도

이렇게 저장하는것 보다 배열을 이용하면 쉽게 정리가 가능하고 가독성도 좋다.

const fruits = [사과, 수박, 딸기, 포도]

 

배열안에 요소가 4개가 들어있는것.

console.log(fruits[0]); 이렇게 저장된 값에 접근할 수 있다.

 

const arrayOfArray = [[1, 2, 3], [4, 5]]
arrayOfArray[0] //[1, 2, 3]

const a = 10;
const b = 20;
const variableArray = [a, b, 30]
variableArray[1] //20 출력

이유 = [0, 1, 2] 로 읽기에

배열안에 넣는 값은 제한이없다~

 

lenght -> 랭스는 배열의 값이 많아질 경우 배열안에 몇개의 요소가 
          있는지 궁금할 경우 사용하는 명령어로 쉽고 빠르게 출력할 수 있다.

배열을 사용하다보단 추가하거나 빼는 작업이 많다; 그러기에 명령어들이 많다.

 

마지막 요소 찾기

const arr = [1, 2, 3, 4, 5]
arr[arr.length -1] //-1은 항상 마지막 값을 불러오게된다.

5

그렇다면 3을 출력하고싶다?

arr[arr.lenght -3]?

3이 출력된다.

배열에 요소 추가하기.

배열에 가장 앞에 값을 추가하고 싶을때?

const target = ['가', '나', '다', '라', '마']
target[0] = '나';

console.log(target);

이렇게 될때 과연 값이 추가 될까?
결과는 아니다. 값이 수정된다.

나, 나, 다, 라, 마로 수정된다.

이럴땐 unshift라는 메소드를 사용한다.

unshift를 사용할 경우 배열 가장앞에 값을 추가한다.

그럼 가장 뒤에 값을 추가하고 싶을땐~?

 

push를 사용한다~!

 

const가 상수이지만 엄밀하겐 상수가 아니다. 그렇기에 객체의 내부를 바꿀순있다~! 재대입재할당이 안된다.

 

push <-> pop 짝

unshift <-> shift 짝

 

그렇다면 배열 중간의 값을 빼고 싶을떈 어떻게하는가?~

이땐 splice가 있다.

const target = ['가', '나', '다', '라', '마']
target.splice(1, 1); 

console.log(target); //가, 다, 라, 마


const target = ['가', '나', '다', '라', '마']
target.splice(2, 2); 

console.log(target); //가, 나, 마

const target = ['가', '나', '다', '라', '마']
target.splice(1); 

console.log(target); //가

const target = ['가', '나', '다', '라', '마']
target.splice(1, 3, '타', '파'); 

console.log(target); //가, 타, 파, 마

(1 인덱스, 2 부터 2번째 까지 잘라, 타파를 그자리에 집어넣어) 이런 느낌? ok? 굳 

 

그렇다면 하나도 안지우고 값을 넣고 싶을땐 어떻게 해야할까?

 

이럴 경우 (1, 0, '다') 이렇게하면 하나도 안지우며 값을 넣을 수 있다.

 

배열에서 요소 찾기

const target = ['가', '나', '다', '라', '마']
const result = target.includes('다');
const result2 = target.includes('캬');

console.log(result); //트루
console.log(result2); //펄스

includes는 값이 있는지 없는지를 찾아주는 명령어이다. 트루와 펄스

indexOf는 앞에서부터 값을 찾고
lastindexOf 뒤에서부터 값을 찾고

값이 없을 경우 -1이 나옴

배열의 요소를 다 출력하고 싶을땐 반복문을 사용할 수 있다.

 

for문 while문으로 출력 가능.