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

배열 메서드

배열은 다양한 메서드를 제공합니다. 그 중에서 오늘은
기본적인 배열의 길이를 구하는 .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