최고의 자바스크립트 팁

우리의 IT 산업은 JavaScript 없이는 아무것도 아니라는 것을 알고 있습니다. JavaScript는 웹사이트, 모바일 앱, 데스크톱 앱 등의 개발에 매우 ​​중요한 역할을 합니다.

또한 JavaScript나 다른 언어를 마스터하는 것은 불가능합니다. 그래서 오늘은 소프트웨어 개발 경력에 도움이 되는 JavaScript의 트릭과 팁을 생각해 냈습니다.

그럼 정국이랑 🧡 ,



최고의 트릭과 팁:

Flatten the array of the array : 여기서는 Infinity in flat을 사용하여 깊게 중첩된 배열을 flatten하는 방법에 대해 알아봅니다.

var array = [1, 2, [3,4,5,[6,7,8[9,10]]]];
//flatten array of array
array.flat(Infinity)

//Output
// [1,2,3,4,5,6,7,8,9,10]

알파벳순으로 정렬: 정렬을 위해 긴 코드를 작성하고 버블, 삽입, 병합 정렬 등과 ​​같은 다른 알고리즘을 사용해야 한다는 것을 알고 있습니다. 그러나 단 2줄의 코드로 알파벳 배열을 정렬할 수 있습니다.

let array = ["j", "u", "n", "g", "k", "o" ,"o" ,"k"];
console.log( array.sort((a, b) => a.localeCompare(b)));

// Output 
['g', 'j', 'k', 'k', 'n', 'o', 'o', 'u']

성능 계산 : 개인적으로 자바스크립트 프로그램의 성능을 계산할 때 사용한 팁입니다.

const {performance} = require('perf_hooks');
const starttime = performance.now();
let array = ["j", "u", "n", "g", "k", "o" ,"o" ,"k"];
console.log( array.sort((a, b) => a.localeCompare(b)));

const endtime = performance.now();
const totaltime = starttime - endtime
console.log("This takes "+totaltime +" milisecond");

//OUTPUT 
[ 'g', 'j', 'k', 'k', 'n', 'o', 'o', 'u' ]
This takes -6.933455999940634 milisecond

= 대신 === 사용: ==(또는 !=) 연산자는 필요한 경우 자동 유형 변환을 수행합니다. === (또는 !==) 연산자는 변환을 수행하지 않습니다. ==보다 빠른 것으로 간주될 수 있는 값과 유형을 비교합니다.

[5] === 5   // is false
[6]  == 6    // is true
'1' == 1     // is true
'1' === 1    // is false
 []   == 0     // is true
 [] ===  0     // is false
 '' == false   // is true but true == "a" is false
 '' === false // is false 

배열의 모든 값 합계: 배열의 합계를 얻으려면 for 루프를 사용해야 한다는 것을 알고 있습니다. 그러나이 바로 가기를 사용하면 더 이상 루프를 사용할 필요가 없습니다. 코드 2줄이면 끝납니다.

var numbers =[1,2,3,4,5,6,7,8,9,10];
console.log(numbers.reduce((x,y) => x+y))

//Output
55

이것이 이 게시물의 전부입니다. BTS meme과 함께하는 JavaScript 팁 및 요령의 다음 부분이 곧 제공됩니다.