꼭 알아야 할 자바스크립트 함수 Top 10!
4982 단어 reactprogrammingwebdevjavascript
🥰
내가 쓴 글이 마음에 들고 나를 지원하고 싶다면 프로그래밍 및 유사한 주제에 대해 자세히 알아보세요. ❤️❤️
꼭 알아야 할 상위 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를 시작했습니다. 이 게시물이 마음에 들었고 자바스크립트에 대한 더 많은 게시물을 읽고 싶다면 이 게시물을 확인하세요 🎉🎉
🥰
내가 쓴 글이 마음에 들고 나를 지원하고 싶다면 프로그래밍 및 유사한 주제에 대해 자세히 알아보세요. ❤️❤️
Reference
이 문제에 관하여(꼭 알아야 할 자바스크립트 함수 Top 10!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/thedailytechtalk/top-10-must-know-javascript-functions-1ipm
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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
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]
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!")
}
const isBelowThreshold = (currentValue) => currentValue < 40;
const array1 = [1, 30, 39, 29, 10, 13];
console.log(array1.every(isBelowThreshold)); // true
const items = ['meat', 'carrot', 'ham', 'bread', 'fish'];
items.shift()
console.log(items); // ['carrot', 'ham', 'bread', 'fish']
const items = ['milk', 'fish'];
items.unshift('cookie')
console.log(items); // ['cookie', 'milk', 'fish']
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 "
const animals = ['dog', 'cat', 'rabbit', 'shark', 'sloth'];
animals.splice(2, 1);
console.log(animals); // ["dog", "cat", "shark", "sloth"]
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
const array1 = ['one', 'two', 'three', 'four'];
console.log(array1); // ["one", "two", "three", "four"]
const reversed = array1.reverse();
console.log(reversed); // ["four", "three", "two", "one"]
Reference
이 문제에 관하여(꼭 알아야 할 자바스크립트 함수 Top 10!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/thedailytechtalk/top-10-must-know-javascript-functions-1ipm텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)