Array

• 배열 : 순서가 있는 값, 한개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용

• element(요소, 값) : 내용물 여러 개의 값

• index(순서) : 값의 순서를 나타냄, 0부터 시작

배열을 나타내려면 []를 사용 각각의 element는 ,를 통해 나뉨

Method

• arr[index] : 배열 arr의 index를 지정하여 해당 index 의 element를 나타 낼 수 있다.

let num = [1, 4, 16, 22] //배열 예시
num[2]; //16 배열의 2번째 인덱스 값을 보여줘라
num[2] = 39; // 배열의 2번째 인덱스 값을 39로 바꿔라
console.log(num); //[1, 4, 39, 22]
num[4]; //undefined 배열 초과의 값을 물어보면 undefined가 나온다

위와 같이 arr[index]을 통해 배열의 원하는 값을 나타낼 수 있다.

• 배열 안에는 배열이 들어갈 수 있고 각각의 배열은 element이다.

let inArr = [[50, 60], [26, 17], [98, 33], [1, 21]];
//이렇게 배열안에 배열이 들어갈 수 있다.
inArr[0]; //[50, 60] 0번째 인덱스의 값은 배열 [50, 60]이다
inArr[3][1]; //21 3번째 인덱스의 값 [1, 21] 중 1번째 인덱스 값 21을 얘기한다.

• inArr.length 배열의 길이를 확인 할때 사용. inArr.length의 값은 4이다.
• inArr.push() : index 제일 마지막 요소에 element를 추가한다.
• inArr.pop() : index 제일 마지막 요소를 제거한다.
• inArr.shift() : 0번째 index를 없앤다.
• inArr.unshift() : 0번째 index에 element를 추가한다.

inArr.push([2, 3]); //[[50, 60], [26, 17], [98, 33], [1, 21], [2, 3]] 
inArr.pop(); //[[50, 60], [26, 17], [98, 33], [1, 21]] 
inArr.shift(); // [[26, 17], [98, 33], [1, 21]] 
inArr.unshift([2, 3]); // [[2, 3], [26, 17], [98, 33], [1, 21]] 

• str.split() : 문자열을 배열로 바꾸는 법

let str = 'What if you are wrong?'
console.log(str.split(" ")); //[ 'What', 'if', 'you', 'are', 'wrong?'] 문자열을 띄어쓰기로 구분하여 배열로 바꿈

• arr.join() : 배열을 문자열로 변환하기

et arr = ['How', 'are', 'you?'];
console.log(arr.join()); //'How,are,you?' 배열을 문자열로 변환
console.log(arr.join(' ')); // 'How are you?' 배열 사이에 띄어쓰기를 사용하여 문자열로 변환

• arr.slice() : 배열의 element를 쪼개서 나열하는 방법

arr.slice(0, 2); //['How', 'are'] 0번째부터 (2-1)번째 인덱스까지를 나열 (end 미포함) 

• Array.isArray() : 배열인지 아닌지 판별하는 법 true 면 배열, false면 배열이 아니다.
• arr.indexOf() : 배열 안에 element가 있는지 확인 하는 방법

arr.indexOf('How'); // 0  'How'라는 element는 0번째 인덱스에 있다.
arr.indexOf('Hi'); // -1 'Hi'라는 element는 존재 하지 않는다. 존재하지 않는 값이 나올 때는 -1을 보여준다.

• arr.splice() : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경

arr.splice(2, 1); // ['How', 'are'] 2번 index를 1개 삭제 (slice와 다르게 배열 자체가 변화한다.)
arr.aplice(1, 0, 'Hello'); // ['How', 'Hello', 'are'] 1번 index에 0개 삭제 'Hello' 삽입

---

코플릿 풀면서 배운 메소드

• arr1.concat(arr2) : arr1과 arr2 를 병합하는 것(arr1이 0번 index부터 진행)

• ... spread operator 이용하기

let arr1 = [1, 2, 3], arr2 = ['a', 'b', 'c'], arr3 = ['1', '2', '3'];
let newArr = [
  ...arr1,
  ...arr2,
  ...arr3
];
console.log(newArr); //[1, 2, 3, 'a', 'b', 'c', '1', '2', '3']

• for 반복문 배열 관련

for (let el of arr) {
}
//0번째 index부터 arr.length-1번째 index까지 반복하여 진행

---

마지막으로...

새롭게 배우는 js 문법이어서 재밌다. 새롭게 시작한 3주 열심히 하자