[JS] 배열 문법 연습

let intArr = [1,2,3,4,5]; //배열의 초기화 : 선언과 동시에 값할당
let arr_empty = new Array(3); //빈 배열 선언
let charArr = new Array('a','b','c'); //요소(값)를 가진 배열 생성 


let temp = intArr.concat(charArr);

let str = intArr.join();
console.log(str);
str = intArr.join("-");
console.log(str);


let result = join(intArr);
console.log(result);

function join(arr){
    let str="";
    for(let i=0; i<arr.length; i++){
        if(i == arr.length -1){
            str = str + arr[i];
            break;
        }
        str = str + arr[i]+",";
    }
    return str;

}

//push, pop => 스택 선입후출

let newArr = new Array();
newArr.push(10);
newArr.push(20);

newArr.pop(); //제일 마지막 인덱스부터 빠져나간다.



//unshift, shift => 30이 제일 첫번째 인덱스로 들어간다. , 
newArr.unshift(30);
newArr.shift(); //제일 첫번째 인덱스가 빠져나간다.


//splice
//1) 인수가 1개일 때
let numbers = [1,2,3,4,5];
numbers.splice(2); //[3,4,5]

console.log(numbers); //[1,2]

//2) 인수가 2개일 때
let study = ["html","css","web","jquery"];
study.splice(2,1); //["web"]

console.log(study); //["html","css","jquery"]


//3) 인수가 3개 이상일 경우
study.splice(2,1,"js"); //["jquery"]
console.log(study); //["html","css","js"]

study.splice(2,0,"jquery"); //[]
console.log(study); //["html","css","jquery","js"]

let chars = ["a","e","f"];
chars.splice(1,0,"b","c","d"); //[]
console.log(chars); //['a', 'b', 'c', 'd', 'e', 'f']

//slice
let colors = ["red","green","blue","white","black"];
colors.slice(2); //["blue","white","black"]
console.log(colors); // ["red","green","blue","white","black"] => 원본배열에 영향을 주지않는다.

let colors2 = colors.slice(1,4);
console.log(colors2); //['green', 'blue', 'white']
console.log(colors); //["red","green","blue","white","black"]