9/3 학습

배열

• 자바스크립트에서 없는 인덱스의 값을 조회하면 undefined를 반환한다.

let ary = [1, 2];
console.log(ary[3]); //undefined

• push() : 배열 끝에 추가
• unshift() : 첫번 째 값 추가
• pop() : 마지막 값 삭제
• shift() : 첫번 째 값 삭제
• join() : 원본 배열의 모든 요소를 문자열로 변환한 후, 인수로 전달받은 문자열로 연결한 문자열을 반환.기본 구분자는 ','(콤마)

let ary = [1, 2, 3, 4];
console.log(ary.join('_'));  //1_2_3_4

• concat() : 배열 또는 값을 매개변수로 받으며, 메서드를 호출한 배열 뒤에 매개변수로 받은 인수를 이어붙여 새로운 Array 객체를 반환한다.

let ary = [1, 2];
console.log(ary.concat(3, 4, ['a', 'b']));  //[ 1, 2, 3, 4, 'a', 'b' ]

• splice(parm1, parm2, parm3, parm4...) : parm1의 index부터 parm2개의 값을 parm3, parm4...의 값으로 바꾼다. parm3, parm4...을 주지 않으면 요소를 제거하기만 한다. parm2가 parm3, parm4...의 수보다 작다면, 배열의 길이가 바뀐다.

let ary = [1, 2, 3, 4, 5, 6, 7];
//1~4번 인덱스 값을 'a~d'로 대체
ary.splice(1, 4, 'a', 'b', 'c', 'd');  
console.log(ary); //[1, 'a', 'b', 'c','d', 6, 7]

let ary = [1, 2, 3, 4, 5, 6, 7];
//1~4번 인덱스 값을 'a~d'로 대체, 'e', 'f' 추가
ary.splice(1, 4, 'a', 'b', 'c', 'd', 'e', 'f');  
console.log(ary); //[1, 'a', 'b', 'c', 'd', 'e', 'f', 6, 7]