꼭 알아야 할 자바스크립트 함수 Top 10!

저는 최근에 무료 콘텐츠를 만드는 새로운 블로그TheDailyTechTalk를 시작했습니다. 이 게시물이 마음에 들었고 자바스크립트에 대한 더 많은 게시물을 읽고 싶다면 이 게시물을 확인하세요 🎉🎉
🥰

내가 쓴 글이 마음에 들고 나를 지원하고 싶다면 프로그래밍 및 유사한 주제에 대해 자세히 알아보세요. ❤️❤️

꼭 알아야 할 상위 10가지 JavaScript 함수



전체를 확인하세요article here

1 필터()



이 함수는 제공한 조건에 따라 배열을 필터링하고 해당 조건을 충족하는 항목이 포함된 새 배열을 반환합니다.
filter()
const temperatures = [10, 2, 30.5, 23, 41, 11.5, 3];

const coldDays = temperatures.filter(dayTemperature => {
    return dayTemperature < 20;
});

console.log("Total cold days in week were: " + coldDays.length); // 4


2 지도()



함수map()는 매우 간단하며 배열을 반복하고 각 항목을 다른 것으로 변환합니다.

const readings = [10, 15, 22.5, 11, 21, 6.5, 93];
const correctedReadings = readings.map(reading => reading + 1.5);
console.log(correctedReadings); // gives [11.5, 16.5, 24, 12.5, 22.5, 8, 94.5]


3 썸()


some()filter() 와 매우 유사하지만 some() 는 대신 부울을 반환합니다.

const animals = [
    {
        name: 'Dog',
        age: 2
    },

    {
        name: 'Cat',
        age: 8
    },

     {
        name: 'Sloth',
        age: 6
    },
];

if(animals.some(animal => {
    return animal.age > 4
})) {
    console.log("Found some animals!")
}


4마다()


every()some() 와 매우 유사하지만 every() 배열의 모든 단일 요소가 조건을 충족하는 경우에만 true입니다.

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

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

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


5교대()


shift() 메서드는 배열에서 첫 번째 요소를 제거하고 제거된 요소를 반환합니다. 이 메서드는 배열의 길이를 변경합니다.

const items = ['meat', 'carrot', 'ham', 'bread', 'fish'];
items.shift()
console.log(items); // ['carrot', 'ham', 'bread', 'fish']


6 unshift()


shift() 메소드가 배열에서 첫 번째 요소를 제거하는 것처럼 unshift() 추가합니다. 이 메서드는 배열의 길이를 변경하고 결과로 배열의 새 길이를 반환합니다.

const items = ['milk', 'fish'];
items.unshift('cookie')
console.log(items); // ['cookie', 'milk', 'fish']


7 슬라이스()


slice() 메서드는 시작과 끝이 해당 배열에 있는 항목의 인덱스를 나타내는 시작부터 끝까지(끝은 포함되지 않음) 새 배열 객체로 배열의 일부를 단순 복사본으로 반환합니다. 원래 배열은 수정되지 않습니다.

let message = "The quick brown fox jumps over the lazy dog";
let startIndex = message.indexOf('brown');
let endIndex = message.indexOf('jumps');
let newMessage = message.slice(startIndex, endIndex);
console.log(newMessage); // "brown fox "


8 스플라이스()


splice() 아래는 배열의 인덱스 2(세 번째, 개수는 0!!부터 시작)에서 시작하여 하나의 항목을 제거합니다.
우리 배열에서 "토끼"가 제거되었음을 의미합니다. splice() 결과로 새 배열을 반환합니다.

const animals = ['dog', 'cat', 'rabbit', 'shark', 'sloth'];
animals.splice(2, 1);
console.log(animals); // ["dog", "cat", "shark", "sloth"]


9개 포함()


includes()는 배열의 모든 항목을 확인하고 그 중 조건이 포함된 항목이 있는지 확인합니다. 부울 값을 반환합니다.

const array1 = [1, 2, 3];

console.log(array1.includes(2));
// expected output: true

const pets = ['cat', 'dog', 'bat'];

console.log(pets.includes('cat'));  //  true

console.log(pets.includes('at'));  //  false


10 리버스()


reverse() 메서드는 배열을 뒤집습니다. reverse()는 원래 배열을 변경하는 파괴적이므로 주의하십시오.

const array1 = ['one', 'two', 'three', 'four'];
console.log(array1);  //  ["one", "two", "three", "four"]

const reversed = array1.reverse();
console.log(reversed);  //  ["four", "three", "two", "one"]


저는 최근에 무료 콘텐츠를 만드는 새로운 블로그TheDailyTechTalk를 시작했습니다. 이 게시물이 마음에 들었고 자바스크립트에 대한 더 많은 게시물을 읽고 싶다면 이 게시물을 확인하세요 🎉🎉
🥰

내가 쓴 글이 마음에 들고 나를 지원하고 싶다면 프로그래밍 및 유사한 주제에 대해 자세히 알아보세요. ❤️❤️

좋은 웹페이지 즐겨찾기