본문 바로가기
JavaScript

배열 메서드(join/push/pop)

by 코린이 박원장👶 2022. 8. 11.

배열 메서드

배열은 다양한 메서드를 제공합니다. 그 중에서 오늘은
기본적인 배열의 길이를 구하는 .length와
요소들을 연결해서 하나의 문자열로 만들 수 있는 join()과
배열 끝의 데이터를 조정할 수 있는 push()/pop()에 대해서 공부하겠습니다.


01_ length

length 속성은 배열의 코드 유닛 수를 구해서 숫자로 반환합니다. 빈 문자열일 경우에는 0을 반환합니다.

//01
const arrNum = [100, 200, 300, 400, 500];

//02
const arrTxt = ['a', 'b', 'c', 'd', 'f'];

//03
const arr = [1, 2, ['a', 'b']];

리턴값(결과)는 마우스를 갖다대면 보여요!

번호 기본값 메서드 리턴값
1 [100, 200, 300, 400, 500] length 5
2 ['a', 'b', 'c', 'd', 'f'] length 5
3 [1, 2, ['a', 'b']] length 3

02_ join()

join()메서드는 배열의 모든 요소들을 연결해서 하나의 문자열로 만드는 역할을 합니다. ()안에는 배열의 각 요소들을 구분할 문자열을 넣습니다. 생략할 경우 배열의 원소들을 쉼표로 구분짓습니다. 쉼표없이 처리하는 경우는 ('')로 작성합니다.

const arrNum = [100, 200, 300, 400, 500];
const text1 = arrNum.join('');           //1
const text2 = arrNum.join(' ');          //2 
const text3 = arrNum.join('★');        //3
const text4 = arrNum.join('-');         //4

리턴값(결과)는 마우스를 갖다대면 보여요!

번호 기본값 메서드 리턴값
1 [100, 200, 300, 400, 500] join('') 100200300400500
2 [100, 200, 300, 400, 500] join(' ') 100 200 300 400 500
3 [100, 200, 300, 400, 500] join('★') 100★200★300★400★500
4 [100, 200, 300, 400, 500] join('-') 100-200-300-400-500

03_ push() / pop()

push()메서드
배열의 끝에 한개 이상의 요소를 추가하고 변경된 배열의 길이(.length)를 반환합니다.

pop()메서드
배열의 끝에 있는 마지막 요소를 제거하고, 그 요소(제거된 요소)를 반환합니다.

const arrNum = [100, 200, 300, 400, 500];   
const arrPush = arrNum.push(600);       //1

const arrNum2 = [100, 200, 300, 400, 500];
const arrPush2 = arrNum2.pop();         //2

리턴값(결과)는 마우스를 갖다대면 보여요!

번호 기본값 메서드 리턴값 결과
1 [100, 200, 300, 400, 500] push(600) 6 100,200,300,400,500,600
2 [100, 200, 300, 400, 500] pop() 500 100,200,300,400
728x90

'JavaScript' 카테고리의 다른 글

정규식 표현  (5) 2022.08.16
내장 함수  (4) 2022.08.12
요소 선택  (8) 2022.08.05
지역/전역 변수  (8) 2022.07.28
함수  (12) 2022.07.26

댓글


HTML이미지
HTML이미지

JAVASCRIPT

자세히 보기
HTML이미지