반응형
배열을 합치는데 필요한 메서드
- concat()
- unshift()
- spred operator
▶ Array.prototype.concat()
인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다.
- 기존배열을 변경하지 않습니다.
- 추가된 새로운 배열을 반환합니다.
구문
array.concat([value1[, value2[, ...[, valueN]]]])매개변수
- 배열 또는 값
- 만약 value1 ~ valueN 인자를 생략하면 기존배열의 얕은 복사본을 반환.
<body>
<script>
//두 배열을 concat을 이용하여 합치고 과일 2개를 추가하는 배열을 만드시오.
const arr1 = ['딸기', '수박']
const arr2 = ['사과', '파인애플']
const arr3 = arr1.concat(arr2, ['멜론','망고'])
console.log(arr3)
//['딸기', '수박', '사과', '파인애플', '멜론', '망고']
</script>
</body>
▶ Array.prototype.unshift()
unshift() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환합니다.
구문
arr.unshift([...elementN])매개변수
elementN배열 맨 앞에 추가할 요소.
반환 값
메서드를 호출한 배열의 새로운 length 속성.
<body>
<script>
//두 배열을 연산자 (spread operator)를 이용하여 합치시오.
const arr1 = ['딸기', '수박'];
const arr2 = ['사과', '파인애플'];
arr1.unshift(...arr2)
console.log(arr1)
//['파인애플', '사과', '딸기', '수박']
</script>
</body>
▶ Array.prototype.shift()
shift() 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다. 이 메서드는 배열의 길이를 변하게 합니다.
* shift는 전산학에서 '밀어넣다.' 라는 개념이 있다.구문
arr.shift()
반환 값
배열에서 제거한 요소. 빈 배열의 경우 undefined 를 반환합니다.
설명
shift 메서드는 0번째 위치의 요소를 제거 하고 연이은 나머지 값들의 위치를 한칸 씩 앞으로 당깁니다. 그리고 제거된 값을 반환 합니다. 만약 배열의 length가 0이라면 undefined를 리턴 합니다.
<body>
<script>
let ar = ['apple', 'melon', 'strawberry']
let newAr = ar.shift()
console.log(newAr)
console.log(ar)
//apple
//['melon', 'strawberry']
</script>
</body>반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] sort(), 오름차순 정렬, 내림차순 정렬 (0) | 2022.04.14 |
|---|---|
| [JavaScript] 특정 범위 랜덤수 생성하여 버블소팅하기. Math (0) | 2022.04.14 |
| [JavaScript] 문자열에서 특정한 문자 찾고 문자 추출하기. (0) | 2022.04.14 |
| [JavaScript] Primitive type을 Object literal(Object type)으로 변환 (0) | 2022.04.14 |
| [JavaScript] Object literal(object type), object 순회 (0) | 2022.04.13 |