내일배움캠프 동영상 강의/내배캠_ JavaScript 문법 종합반

배열 1

콛 다이어리 2024. 8. 29. 01:21

배열
인덱스(index)를 가짐
인덱스는 0부터 시작
인덱스 순서가 중요

배열 생성하는 방법
변수 = [ ];
콤마로 요소들을 구분

 

배열 요소에 접근하는 방법
변수 [인덱스 번호]

 

// 크기 지정
let number = new Array(5);
console.log(number);
// [<empty items> ]

 

 

배열 메소드

push( )
마지막 요소를 추가하는 메소드
let IfntConcert = ["LV", "장동우 에어라인", "식목일",

 "REBOOT", "다시 시작"];
console.log(IfntConcert);
// 'LV', '장동우 에어라인', '식목일', 'REBOOT', '다시 시작' ]

IfntConcert.push("무한대집회 IV");
console.log(IfntConcert);
// [ 'LV', '장동우 에어라인', '식목일',

 'REBOOT', '다시 시작', '무한대집회 IV' ]

 

pop( )
마지막 요소를 삭제하는 메소드
let IfntConcert_2 = ["LV", "장동우 에어라인", "식목일", "REBOOT", "다시 시작"];
IfntConcert.pop();
console.log(IfntConcert);
// [ 'LV', '장동우 에어라인', '식목일',

 'REBOOT', '다시 시작', '무한대집회 IV' ]

 

shift( )
첫번째 요소를 삭제하는 메소드
let IfntConcert_3 = ["LV", "장동우 에어라인", "식목일",

 "REBOOT", "다시 시작"];
IfntConcert_3.shift();
console.log(IfntConcert_3);
// [ '장동우 에어라인', '식목일', 'REBOOT', '다시 시작' ]

 

unshift( )
첫번째 요소 앞에 요소를 추가하는 메서드
let IfntConcert_4 = ["LV", "장동우 에어라인", "식목일",

 "REBOOT", "다시 시작"];
IfntConcert_4.unshift("OGS");
console.log(IfntConcert_4);
// ["OGS", "LV", "장동우 에어라인", "식목일",

 "REBOOT", "다시 시작"];

 

splice(시작위치, 삭제개수, "삽입할 문자열")
let IfntConcert_5 = ["LV", "장동우 에어라인", "식목일",

"REBOOT", "다시 시작"];
IfntConcert_5.splice(1, 1, "워케이션");
console.log(IfntConcert_5);
// [ 'LV', '워케이션', '식목일', 'REBOOT', '다시 시작' ]

slice(추출 시작점에 대한 인덱스, 추출을 종료할 0기준 인덱스)
let slicedIC = IfntConcert_5.slice(1, 2);
console.log(slicedIC);
// [ '워케이션' ]