Javascript Array

자바스크립트의 배열은 여러가지를 넣을수 있다. ex) 숫자, 변수, 스트링, 다른 배열

배열을 선언하는 방법 2가지

1 . 대괄호를 써서 안쪽에 데이터를 기입

2. new Array 선언

let testArray = [1, '2', ball, [10, 20, 30], 5];
let testArray = [1, 2, 3, 4, 5];
let testArray2 = new Array(5);

testArray[0] = 100; 

// 1 i를 커스텀가능 특정인데스 변경가능
for(let i = 0; i < testArray.length; i++)
{
    testArray[i];
}  

// 2 순차적으로 짧고 간단히 사용가능
testArray.forEach(function(number, index, arr) {
    console.log("1. number : ", number, "index : ", index, "arr : " , arr);
})

//맵함수 테스트어레이에 있는 요소들들은 x에 담아 *2 를 하여 100이 200을 가지고 새로운 배열에 0번째 인덱스에 넣는다.
let arrMultiple = testArray.map(x => x *2);

testArray.forEach(function(number, index, arr) {
    console.log("2-1. number : ", number, "index : ", index, "arr : " , arr);
})
arrMultiple.forEach(function(number, index, arr) {
    console.log("2-2. number : ", number, "index : ", index, "arr : " , arr);
})

함수형 프로그래밍이라고 한다

testArray.push(30); // 배열의 맨 뒤 추가한다(배열의 맨 오른쪽)
testArray.forEach(function(number, index, arr) {
    console.log("2. number : ", number, "index : ", index, "arr : " , arr);
})

testArray.pop(); // 배열의 맨 뒤를 빼낸다(배열의 맨 오른쪽)
testArray.forEach(function(number, index, arr) {
    console.log("3. number : ", number, "index : ", index, "arr : " , arr);
})

testArray.unshift(300); // 베열의 맨앞에 추가한다. (배열의 왼쪽)
testArray.forEach(function(number, index, arr) {
    console.log("4. number : ", number, "index : ", index, "arr : " , arr);
})

testArray.shift(); // 베열의 맨앞에 꺼낸다. (배열의 왼쪽)
testArray.forEach(function(number, index, arr) {
    console.log("5. number : ", number, "index : ", index, "arr : " , arr);
})

쉬프트 = 새로 공간을 배당하여 추가하고자 하는 데이터를 넣고 기존 데이터를 넣는다. 사용량이 커져서 비추 . 구조가 단순하면 빠르고 사용자가 편하면 모르는곳에서 복잡한 작업이 돌고 있다.