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