01. 배열 속성 : length : 배열 길이 구하기 : 반환(숫자)
Javascript에서 배열의 길이를 체크하기 위해서는 Array 인스턴스의 length 속성을 사용합니다.
| 번호 | 기본값 | 메서드 | 리턴값 |
|---|---|---|---|
//01
const arrNum = [100, 200, 300, 400, 500]
document.querySelector(".sample01_N1").innerHTML = "1";
document.querySelector(".sample01_Q1").innerHTML = "[100, 200, 300, 400, 500]";
document.querySelector(".sample01_M1").innerHTML = "length";
document.querySelector(".sample01_P1").innerHTML = arrNum.length;
//02
const arrTxt = ['a', 'b', 'c', 'd', 'f'];
document.querySelector(".sample01_N2").innerHTML = "2";
document.querySelector(".sample01_Q2").innerHTML = "['a', 'b', 'c', 'd', 'f']";
document.querySelector(".sample01_M2").innerHTML = "length";
document.querySelector(".sample01_P2").innerHTML = arrTxt.length;
//03
const arr = [1, 2, ['a','b']];
document.querySelector(".sample01_N3").innerHTML = "3";
document.querySelector(".sample01_Q3").innerHTML = "[1, 2, ['a','b']]";
document.querySelector(".sample01_M3").innerHTML = "length";
document.querySelector(".sample01_P3").innerHTML = arr.length;
02. 배열 메서드 : join() : 배열 요소 문자열을 결합 : 반환(문자열)
join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다.
| 번호 | 기본값 | 메서드 | 리턴값 |
|---|---|---|---|
const arrNum = [100, 200, 300, 400, 500];
//01
const text1 = arrNum.join(''); //다 붙어서 나옴
//02
const text2 = arrNum.join(' '); //한칸 띄어서 나옴
//03
const text3 = arrNum.join('*'); //숫자 사이에 *이 붙어서 나옴
//04
const text4 = arrNum.join('-'); //숫자 사이에 -이 붙어서 나옴
03. 배열 메서드 : push() | pop()
push()메서드는 배열 마지막 요소에 추가하고, pop() 메서드는 배열 마지막 요소를 삭제합니다.
| 번호 | 기본값 | 메서드 | 리턴값 | 결과값 |
|---|---|---|---|---|
//01
const arrNum = [100, 200, 300, 400, 500];
const arrPush = arrNum.push(600); //마지막에 600을 추가
document.querySelector(".sample03_N1").innerHTML = "1";
document.querySelector(".sample03_Q1").innerHTML = "[100, 200, 300, 400, 500]";
document.querySelector(".sample03_M1").innerHTML = "push(600)";
document.querySelector(".sample03_P1").innerHTML = arrPush; //리턴값 6
document.querySelector(".sample03_A1").innerHTML = arrNum; //리턴값 100, 200, 300, 400, 500, 600
//02
const arrNum2 = [100, 200, 300, 400, 500];
const arrPush2 = arrNum2.pop(); //마지막 숫자를 삭제
document.querySelector(".sample03_N2").innerHTML = "2";
document.querySelector(".sample03_Q2").innerHTML = "[100, 200, 300, 400, 500]";
document.querySelector(".sample03_M2").innerHTML = "pop()";
document.querySelector(".sample03_P2").innerHTML = arrPush2; //리턴값 500
document.querySelector(".sample03_A2").innerHTML = arrNum2; //리턴값 100, 200, 300, 400