자바스크립트 메소드

3031 단어 webdevjavascript
1.포함()
includes() 메서드는 배열(각각 단일 변수에 여러 요소를 저장하는 항목 목록으로 구성된 데이터 구조)이 해당 목록 내에 특정 값을 보유하고 있는지 여부를 확인한 다음 true 또는 false로 응답하는 데 중점을 둡니다. include()는 특정 답변을 찾을 때 대소문자를 구분한다는 점을 기억하는 것이 중요합니다.
let text = "Hello world, welcome to the universe.";
let result = text.includes("world");

2.일부()
some() 메서드 테스트는 배열의 적어도 하나의 항목이 콜백 함수에 의해 수행되는 테스트를 통과하는지 여부를 찾는 책임이 있습니다. 콜백 함수는 항목, 인덱스 및 전체 배열의 세 가지 응답만 받습니다.

const ages = [3, 10, 18, 20];

ages.some(checkAdult);
function checkAdult(age) {
  return age > 18;
}


3.모든()
every() 메서드는 some()과 유사한 프로세스를 사용하지만 한 가지 변경 사항이 있습니다. 여기서 차이점은 배열의 모든 요소가 콜백 함수에 의한 테스트를 통과한다는 것입니다.

const isBelowThreshold = (currentValue) => currentValue < 40;

const array1 = [1, 30, 39, 29, 10, 13];

console.log(array1.every(isBelowThreshold));


4.필터()
많은 개발자들이 즐겨 사용하는 filter() 메서드는 기존 배열의 요소를 사용하여 새 배열을 만들고 콜백 함수에서 수행한 테스트를 사용하여 작동합니다.

const ages = [32, 33, 16, 40];
const result = ages.filter(checkAdult);

function checkAdult(age) {
  return age >= 18;
}


5.지도()
filter() 메서드와 매우 유사한 map() 메서드는 배열의 각 요소에 대한 콜백 함수의 결과를 사용하여 새 배열을 만듭니다. 콜백 함수는 세 가지 인수(currentValue, index 또는 array) 중 하나를 받습니다. reduce()와 마찬가지로 콜백 함수는 정의되지 않은 경우를 포함하여 할당된 값이 있는 배열의 인덱스(요소 위치)를 찾습니다.

const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt)


6.플랫맵()
flatMap() 메서드는 배열과 함께 각 요소에 함수(특정 키워드를 사용하는 작업)를 가져온 다음 결과를 새 배열로 "평평화"(또는 변경)합니다. 이 방법은 flat()과 map()을 하나의 함수에 결합하여 두 개의 다른 방법을 별도로 입력하는 것보다 효율적입니다.

const arr1 = [1, 2, [3], [4, 5], 6, []];

const flattened = arr1.flatMap(num => num);

console.log(flattened);


7.축소()
reduce() 메서드는 accumulator, currentValue, currentIndex 또는 array의 네 가지 주요 인수를 사용하여 배열 내의 각 값에 대한 콜백 함수를 사용합니다. 첫 번째 콜백 중에 accumulator와 currentValue는 사용 가능한 경우 initialValue를 생성합니다. 그렇지 않으면 배열의 첫 번째 값이 나타납니다.

const array1 = [1, 2, 3, 4];

// 0 + 1 + 2 + 3 + 4
const initialValue = 0;
const sumWithInitial = array1.reduce(
  (previousValue, currentValue) => previousValue + currentValue,
  initialValue
);

console.log(sumWithInitial);


8.반전()
reverse() 메서드는 배열을 가져와서 순서를 반대로 바꿉니다. 이 함수는 배열과 함께 첫 번째 요소를 가져와 마지막 요소로 만들고 마지막 배열이 첫 번째 요소가 됩니다.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();


9.정렬()
가장 일반적인 메서드 중 하나인 sort() 메서드는 배열의 요소를 제자리에 정렬하는 데 초점을 맞춘 다음 오름차순으로 기본값으로 설정된 완성된 배열을 반환합니다. 이 방법은 작업의 복잡성에 따라 항상 완벽한 결과를 보장하지는 않습니다.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();

좋은 웹페이지 즐겨찾기