Array

배열(Array) : 특정한 데이터들을 1열로 일정하게 모아둔 집합

let myArray = [16, 44, 'hello', true]

0. 배열(Array)을 사용하는 이유

자료값의 이름 하나를 가지고 인덱스를 달리해서 많은 자료값을 다룰 수 있음.

다수의 데이터에 대한 접근과 조작이 편리

1. 배열(Array)을 선언하는 방법

1. 배열 리터럴([])을사용해서 생성하는 방법
2. new 연산자를 이용해 Array 객체를 생성하는 방법

배열 리터럴([])을사용해서 생성하는 방법

 let    myArray = [ ]
자료형   배열이름    요소
let myArray = [16, 44, 'hello', true]
/* javascript에서 Array는 
element type이 고정되어 있지 않으므로, 
같은 Array에 있는 element끼리의 type이 서로 다를 수 있다.
*/

new 연산자를 이용해 Array 객체를 생성하는 방법

 let    myArray = new Array();
자료형   배열이름   Array생성자 함수 요소

// 매개변수로 하나의 숫자를 가지는 경우
let myArray = new Array(2);
console.log(myArray); // [undefined, undefined]

let myArray = new Array(16, 44, 'hello', true);
console.log(myArray); // [16, 44, 'hello', true]

2. 요소(Element) : 배열을 구성하고 있는 각각의 값

let myArray = [16, 44, 'hello', true]
16, 44, 'hello', true <- 요소(element)

3. 인덱스(index) : 배열에서의 위치를 가르키는 숫자

let myArray2  = [15, 41, 'text', false]
인덱스(index) :   0    1     2       3

Array 요소에 접근하는 법

let myArray2  = [15, 41, 'text', false]
console.log(myArray2[0]) // 15
console.log(myArray2[1]) // 41
console.log(myArray2[2]) // text
console.log(myArray2[3]) // false

Array 요소 수정하는 법

let myArray2  = [15, 41, 'text', false]

myArray2[0] = 555

console.log(myArray2) // [555, 41, 'text', false]

Array 길이 구하는 법

let myArray2  = [15, 41, 'text', false]

console.log(myArray2.length) // 4

Array 요소 추가하는 법

let myArray2  = [15, 41, 'text', false]

myArray2.push(555) // Adds 555

console.log(myArray2) // [15, 41, 'text', false, 555]

myArray2.push([1, 2, 3, 4]) // Adds [1, 2, 3, 4]
// Array안에 Array를 추가할 수도 있다.

console.log(myArray2) // [15, 41, 'text', false, 555, [1, 2, 3, 4]]

console.log(myArray2[5][0]) // 1
// Array안의 Array의 인덱스값도 반환받을 수 있다.

Array 요소 삭제하는 법

delete : Array의 요소를 삭제함, 하지만 배열의 길이는 변하지 않음

pop : Array의 끝에서부터 삭제함

shift : Array의 처음에서부터 삭제함

splice : Array의 요소를 추가 혹은 제거를 시작할 특정 인덱스와 제거할 요소 수를 지정할 수 있음

filter : filter()는 싱글 파라매터이자 콜백 메소드. splice와는 다르게 filter는 새로운 배열을 만듦

let myArray2  = [15, 40, 52, 54, 41, 'text', false, true]

delete myArray2[2]

console.log(myArray2) // [15, 40, undefined, 54, 41, "text", false, true]
// delete

myArray2.pop()

console.log(myArray2) // [15, 40, undefined, 54, 41, 'text', false]

myArray2.shift()

console.log(myArray2) // [40, undefined, 54, 41, 'text', false]

myArray2.splice(3)

console.log(myArray2) // [40, undefined, 54, 41]

myArray2.splice(1,2)
// 첫번째 argument : 요소를 제거할 인덱스값을 지정
// 두번째 argument : 제거할 요소의 수를 지정
console.log(myArray2) // [40,41]

Array 마지막 요소값 구하는 법

let myArray2  = [15, 40, 52, 54, 41, 'text', false, true]

console.log(myArray2[myArray2.length -1]) // true