배열을 사용한 13가지 Javascript 한줄짜리 트릭

3789 단어 webdevjavascript
1. 배열에 있는 모든 값의 합계를 계산합니다.

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' ]

좋은 웹페이지 즐겨찾기