배열을 사용한 13가지 Javascript 한줄짜리 트릭
3789 단어 webdevjavascript
const arr= [1,4,5,7];
const arrSum = arr.reduce((a,b)=>a+b);
// valSum -- 17
2. 함수 인수에서 배열 생성
function generateArray() {
return Array.from(arguments);
}
f(1,2,4))
//result -- [1,2,4]
3. 배열의 값을 오름차순으로 정렬합니다.
const sortArrayValues = (values) => {
if(!Array.isArray(values)){
return null
}
return values.sort((a,b)=>a-b);
}
4.배열 값 반전
const fruits= ['Banana','Orange','Melon','Grape'];
const reverseFruits = fruits.reverse();
//result ['Grape','Melon','Orange','Banana'];
5.배열에서 중복 항목 제거
let fruits = ['banana','mango','apple','sugarcane','mango','apple']
let uniqueFruits = Array.from(new Set(fruits));
// uniqueFruits -- [ 'banana', 'manago', 'apple', 'sugarcane' ]
6. 어레이 비우기.
let fruits = [3,'mango',6,9,'mango','apple']
fruits.length = 0;
7. 배열을 개체로 변환합니다.
const arrayVal= ['Tokyo', 'Belfast','Birmigham', 'Lagos']
const fruitsObj = {...arrayVal};
8. 여러 어레이를 하나로 병합합니다.
let fruits = ['banana','manago','apple'];
let meat = ["Poultry","beef","fish"]
let vegetables = ["Potato","tomato","cucumber"];
let food = [...fruits,...meat,...vegetables];
// food -- ['banana', 'manago','apple', 'sugarcane','manago', 'apple','Poultry', 'beef','fish', 'Potato','tomato', 'cucumber'
9. 배열의 특정 값 바꾸기
var fruits2 = ['apple', 'sugarcane', 'manago'];
fruits2.splice(0,2,"potato","tomato");
// fruits2 ['potato', 'tomato', 'apple', 'sugarcane', 'manago']
10.맵이 없는 객체에서 배열 매핑하기
const friends = [
{name:"John", age:22},
{name:"Peter", age:23},
{name:"bimbo",age:34},
{name:"mark",age:45},
{name:"Esther",age:21},
{name:"Monica",age:19}
];
let friendNames = Array.from(friends,({name})=>name);
// friendNames --['John', 'Peter', 'bimbo', 'mark', 'Esther', 'Monica' ]
11.배열에 데이터 채우기
let newArray = new Array(8).fill("3");
// result -- ['3', '3', '3', '3','3', '3', '3', '3']
12. 병합은 두 배열의 중복 값만 병합합니다.
let arrOne = [0,3,4,7,8,8];
let arrTwo = [1,2,3,4,8,6];
const duplicatedValue = [...new Set(arrOne)].filter(item=>arrTwo.includes(item));
// duplicatedValue -- [ 3, 4, 8]
13.배열에서 잘못된 값을 제거합니다.
const mixedValues = [undefined,"blue",0,"",NaN,true,,"white",false];
const filteredArray = mixedArray.filter(Boolean);
//result [ 'blue', true, 'white' ]
Reference
이 문제에 관하여(배열을 사용한 13가지 Javascript 한줄짜리 트릭), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/bimbowande/13-javascript-one-liner-tricks-with-arrays-5a38텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)