본문 바로가기

카테고리 없음

[개발공부 36일차] Javascript 자주 사용되는 메서드

1. 문제점

- 알고리즘을 풀다가  자주 사용되는 메서드들의 값의 타입을 정확하게 파악하지 못하는 문제 발생

 

2. 내가 시도해본 것들

- 각 메서드 들에 대한 예시과 결과값을 정리

 

3. 해결

arr.map() : 배열의 모든 요소에 대해 주어진 함수를 호출하고, 그 함수의 반환값으로 새로운 배열을 만듭니다.

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]

arr.filter():배열의 모든 요소에 대해 주어진 함수를 호출하고, 그 함수가 true를 반환하는 요소로만 이루어진 새로운 배열을 만듭니다.

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4]

arr.forEach():배열의 각 요소에 대해 주어진 함수를 호출합니다.

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(num => console.log(num));
// 1
// 2
// 3
// 4
// 5

arr.reduce(): 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 함수가 반환하는 값을 사용하여 배열을 단일 값으로 줄입니다.

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((total, num) => total + num);
console.log(sum); // 15

arr.split(): 문자열을 주어진 구분자를 기준으로 분할하고, 분할된 문자열의 배열을 반환합니다.

const sentence = "The quick brown fox jumps over the lazy dog";
const words = sentence.split(" ");
console.log(words); // ["The", "quick", "brown", "fox", "jumps", "over", "the", "lazy", "dog"]

arr.slice(): 문자열의 일부분을 추출합니다.

const str = "Hello, world!";
const slicedStr = str.slice(0, 5);
console.log(slicedStr); // "Hello"

arr.replace(): 문자열에서 첫 번째로 일치하는 패턴을 다른 문자열로 대체합니다.

const str = "Hello, world!";
const replacedStr = str.replace("Hello", "Hi");
console.log(replacedStr); // "Hi, world!"

arr.sort(): 배열의 요소를 정렬합니다.

const numbers = [5, 3, 1, 4, 2];
const sortedNumbers = numbers.sort((a, b) => a - b);
console.log(sortedNumbers); // [1, 2, 3, 4, 5]

4. 알게된점

각 메서드들의 반환값, 타입에 대해 조금 더 자세하게 알 수 있었다.