자바스크립트로 코딩을 하면서 아마 가장 많이 쓰이는 메소드가 Array method
가 아닐까 합니다. 배열은 데이터를 처리할 때 많이 쓰이기 때문에 그만큼 활용 빈도도 높으며 이에 따른 다양한 메소드들이 있기 때문입니다. 따라서 오늘은 여러가지 Array method
를 정리해보도록 하겠습니다.
이 메소드들은 원본 배열을 바로 수정하기 때문에 불변성을 지켜야 하는 경우 유의해서 사용해야 합니다.
let arr = [1,2,3];
arr.push(5)
console.log(arr)
//4
//[ 1, 2, 3, 5 ]
arr.pop()
console.log(arr)
//5
//[ 1, 2, 3 ]
arr.unshift(7)
console.log(arr)
//4
//[ 7, 1, 2, 3 ]
arr.shift()
console.log(arr)
//7
//[ 1, 2, 3 ]
Array.splice(start, delete, elements)
start : 수정할 배열 요소의 인덱스
delete : 삭제할 요소의 갯수. 요소를 제거하지 않고 추가할 경우 0
elements : 배열에 추가될 요소
let arr = [1,2,3];
arr.splice(1, 0, 2, 3, 4)
console.log(arr)
//[]
//[ 1, 2, 3, 4, 2, 3 ]
arr.splice(1, 2)
console.log(arr)
//[ 2, 3 ]
//[ 1, 4, 2, 3 ]
let arr = [1, 210, 11, 3, 2, 131, 31];
arr.sort()
//[1, 11, 131, 2, 210, 3, 31]
//내림차순, 오름차순으로 정렬하기 위해선 sort를 이렇게 사용해야 합니다.
arr.sort((a,b) => a-b)
//[1, 2, 3, 11, 31, 131, 210]
arr.sort((a,b) => b-a)
//[210, 131, 31, 11, 3, 2, 1]
let arr = [1,2,3];
arr.reverse()
// [3, 2, 1]
let arr = [1,2,3];
let newArr = arr.concat(4,5,6)
//newArr: [1,2,3,4,5,6]
let plusArr = arr.concat([4,[5,6]])
//plusArr: [1,2,3,4,[5,6]]
Array.slice(start, end)
start: 시작 인덱스
end: 지정한 인덱스의 바로 앞 요소까지를 잘라낼 요소로 지정
let arr = [1,2,3,4,5,6];
let newArr = arr.slice(3)
// [4,5,6]
let sliceArr = arr.slice(3,5)
// [4,5]
let arr = [1,2,3]
let arrToStr = arr.join('')
// '123'
let arrToStr = arr.join(',')
// '1,2,3'
Arr.indexOf(value, start)
value: 찾는 요소
start: 시작 인덱스
let arr = [1, 5, "a", o, true, 5, [1, 2], "9"];
arr.indexOf(5); // 1
arr.lastIndexOf(5); // 5
arr.indexOf(5, 5); // 5
arr.indexOf(true, 5) // -1