Javascript_배열(Array)과 메소드

Array.slice(start, end)

slice 메소드는 start값부터 end - 1 값까지의 복사본을 새로운 배열로 반환한다.

let numbers = [10, 20, 30, 40, 50];
console.log(numbers.slice(2, 4));	// [20, 30]

인자로 음수값이 들어갈 경우, 끝에서부터 해당 개수만큼 반환한다.

let numbers = [10, 20, 30, 40, 50];
console.log(numbers.slice(-2));	// [40, 50]

Array.splice(start, count, value)

splice 메소드는 기존 배열을 start값부터 count개만큼 삭제하고, 그 자리에 value값으로 대체한다.

let dates = ["Mon", "Tue", "Thu", "Fri"];
dates.splice(2, 0, "Wed");
console.log(dates);	// ["Mon", "Tue", "Wed", "Thu", "Fri"]

위의 예시처럼 삭제하지 않고 중간에 어떤 요소를 삽입하고 싶다면,
count값을 0을 주면 된다!

Array.filter()

filter 메소드는 배열의 원소들 중, 작성한 함수 조건에 만족하는 값들을 모아서 새로운 배열로 반환한다.

let height = [150, 155, 158, 163, 166];
let result = height.filter(v => v > 160);
console.log(result);	// [163, 166]

Array.concat(value)

concat 메소드는 인자값으로 주어지는 배열이나 값을 기존 배열에 합쳐서 새 배열을 반환한다.

let alpha = ['a', 'b', 'c'];
let beta = ['d', 'e'];
let result = alpha.concat(beta);
console.log(result);	// ['a', 'b', 'c', 'd', 'e']

⏰ 오늘의 회고

원래는 회고를 쓰지 않았는데, 매일 개발 공부를 하다보니 공부를 하면서 느낀 감정들을 정리하면 좋을 것 같아서 지금부터 회고를 써보기로 했다!

오늘은 배열의 메소드들에 대해 정리해보았다.
알고리즘 문제를 풀거나 프로그래밍을 할 때, 필요한 메소드를 그 때 그 때 찾아서 볼 때는 사용하고나면 자꾸만 메소드를 까먹게되었다 😂
분명 splice 사용했었는데 다음에 또 찾고 또 찾고... 약간 현타가 왔다.

물론 개발을 하다보면 모르는 것이 자꾸만 생기기 마련이고, 그럴때마다 구글링 하는 것이 당연하지만,
개인적으로 이런 기본적인 javascript 메소드 정도는 검색하지 않아도 알고 있으면 좋겠다는 욕심이 있었다!

이렇게 직접 조사해가면서 정리해보니, 다신 까먹지 않을 것 같다.
따라서 오늘 공부 성공 ✅

조만간 javascript외에 다른 주제에 대해서도 글을 써보고싶다.
그리고 블로그에 쓰는 글의 깊이를 더 깊게 만들고 싶다.
그러기 위해서는 끝없는 ❓물음표❔를 가지고 공부해야겠다는 생각이 든다!