728x90
배열 Method[join(), push(), pop()]
배열은 다양한 메서드를 제공합니다. 오늘은 join(), push(), pop()메서드에 대해 알아보겠습니다.
1. join() Method
join() Method 통해 배열의 모든 요소를 결합해 하나의 문자열로 만들 수 있습니다.
| 번호 | 기본값 | 메서드 | 리턴값 |
|---|---|---|---|
* script
const arrNum = [100, 200, 300, 400, 500];
const text1 = arrNum.join('');
const text2 = arrNum.join(' ');
const text3 = arrNum.join('*');
const text4 = arrNum.join('-');
2. push() Method
push() Method는 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환합니다.
| 번호 | 기본값 | 메서드 | 리턴값 | 결과값 |
|---|---|---|---|---|
* script
const arrNum = [100, 200, 300, 400, 500];
const arrPush = arrNum.push(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
3. pop() Method
pop() Method는 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다.
| 번호 | 기본값 | 메서드 | 리턴값 | 결과값 |
|---|---|---|---|---|
* script
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
728x90
반응형
'Javascript' 카테고리의 다른 글
| [javascript]정규표현식(RegExp) 객체 (1) | 2022.08.16 |
|---|---|
| [javascript]내장 함수 (1) | 2022.08.13 |
| [javascript]요소선택 (9) | 2022.08.05 |
| [javascript]자바스크립트 지역변수/전역변수 (5) | 2022.07.28 |
| [javascript]자바스크립트 함수 (6) | 2022.07.26 |
댓글