알아야 할 강력한 JavaScript 속기

4469 단어 javascript
JavaScript에는 개발자의 삶을 훨씬 더 쉽게 만들어주는 많은 강력한 기능과 도구가 있습니다. 구문에는 JavaScript 코드를 훨씬 빠르게 작성하고 줄을 줄이는 데 사용할 수 있는 속기가 많이 포함되어 있습니다. 특히 최신 ECMAScript 사양에서.

문자열을 숫자로 변환



일반적으로 문자열을 숫자로 변환하려면 parseInt() 메서드를 사용합니다. 그러나 그렇게 할 수 있는 속기가 있습니다.
단항 연산자 + 를 사용하면 문자열을 숫자로 쉽게 변환할 수 있습니다.
다음은 예입니다.


let speed = "60";
console.log(typeof speed); //string
console.log(typeof +speed); //number
console.log(+speed); //60, not "60".



보시다시피 변수 speed 의 시작 부분에 +를 추가해야만 속도를 숫자로 변환할 수 있었습니다.
숫자에서 문자열로 변환하는 또 다른 약칭도 있습니다. 숫자에 빈 문자열을 추가하기만 하면 됩니다.
다음은 예입니다.


let speed = 100;
speed += ""; //returns "100" , not 100.
console.log(typeof speed); //string



삼항 연산자 사용



또 다른 약칭은 삼항 연산자로, 키워드 ?를 사용하여 짧은 방법으로 조건문을 쉽게 작성할 수 있습니다. 그리고 :
다음은 IF else 문을 사용하는 예입니다.
보통 필기법:


let speed = 80;
if(speed < 30){
 console.log('slow');
}else if(speed > 60){
 console.log('fast');
}else{
 console.log('between 30 and 60');
}
//output: fast



다음은 동일한 예이지만 이제 삼항 연산자를 대신 사용합니다.
속기:


let speed = 80;
console.log(speed < 30 ? 'slow': speed > 60 ? 'fast'
: 'between 30 & 60');
//output: fast



보시다시피 삼항 연산자 속기를 사용하여 작성해야 하는 코드의 양을 쉽게 줄일 수 있었습니다. 조건문을 작성하는 데 2줄의 코드만 필요했습니다.

단락 평가



IF 문을 사용하는 아래 예를 살펴보십시오.
보통 필기법:


let isOnline = true;
if(isOnline){
 console.log("Online");
}
//returns "online"



짧은 회로 && 를 사용하여 동일한 문장을 작성할 수 있습니다. 예는 다음과 같습니다.
속기:


let isOnline = true;
isOnline && console.log("Online");
//returns "online"



단락 평가 &&는 짧은 조건문을 작성할 수 있는 속기 중 하나입니다. 두 값 사이에 사용되며 첫 번째 값이 참이면 두 번째 값을 반환합니다. 그렇지 않으면 첫 번째 값을 반환합니다.

배열 병합



다차원 배열을 평면화하는 가장 좋은 방법은 flat() 메서드를 사용하는 것입니다. 필자는 많은 개발자가 filter, concat 및 배열을 평면화하는 다른 모든 긴 방법을 사용하는 것을 보았습니다. 아직 플랫 메서드에 대해 모르기 때문일 수 있습니다.

따라서 이 놀라운 방법을 사용하면 한 줄의 코드로 배열을 평면화할 수 있습니다. 평면화 수준(배열을 평면화하려는 깊이)인 하나의 선택적 인수(숫자)를 허용합니다.

다음은 예입니다.


let numbers = [9, [102, 5], [6, 3], 2];
numbers.flat(); //returns [9, 102, 5, 6, 3, 2]



어레이 병합 및 복제



JavaScript에서 배열을 병합하고 복제할 때 확산 연산자 {…}는 사용할 수 있는 가장 좋은 속기입니다.
어레이 병합:


const employees = ["Chris", "John"];
const entrepreneurs = ["James", "Anna"];
//merging both arrays to a new array.
const all = [...employees, ...entrepreneurs];
console.log(all); //output: ["Chris", "John", "James", "Anna"]



어레이 복제:


const numbers = [4, 8, 9, 0];
//cloning the numbers array.
const clone = [...numbers];
console.log(clone); //output: [4, 8, 9, 0]



For 루프 속기



주로 for 루프를 사용하여 배열을 반복하고 싶을 때 다음과 같이 수행합니다.
보통 필기법:


const users = ["John", "Chris", "Mehdi", "James"];
for(let i = 0; i < users.length; i++){
   console.log(users[i]);
}

/*output:
   John
   Chris
   Mehdi
   James
*/



그러나 속기의 for 루프를 사용하여 동일한 결과를 얻을 수 있습니다.
속기:


const users = ["John", "Chris", "Mehdi", "James"];

for (let user of users){
  console.log(user);
}
/*output:
   John
   Chris
   Mehdi
   James*/




화살표 함수



화살표 함수는 짧은 방법으로 함수를 쉽게 작성하고 코드를 줄일 수 있는 줄임말입니다.
예는 다음과 같습니다.
정상적인 기능:


function addNums(x, y){
 return x + y;
}
addNums(6, 5); //11





Arrow function:
const addNums = (x, y)=> x + y;
addNums(6, 5); //11



결론
보시다시피, 이것들은 자바스크립트에서 사용할 수 있는 유명한 속기입니다. 이를 통해 코드 구문을 줄이고 코드를 최대한 짧게 유지할 수 있습니다.
이 기사를 읽어 주셔서 감사합니다. 도움이 되었기를 바랍니다.

좋은 웹페이지 즐겨찾기