알아야 할 강력한 JavaScript 속기
4469 단어 javascript
문자열을 숫자로 변환
일반적으로 문자열을 숫자로 변환하려면 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
결론
보시다시피, 이것들은 자바스크립트에서 사용할 수 있는 유명한 속기입니다. 이를 통해 코드 구문을 줄이고 코드를 최대한 짧게 유지할 수 있습니다.
이 기사를 읽어 주셔서 감사합니다. 도움이 되었기를 바랍니다.
Reference
이 문제에 관하여(알아야 할 강력한 JavaScript 속기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/shakilahmed007/7-powerful-javascript-shorthands-that-you-should-know-415p
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
let speed = "60";
console.log(typeof speed); //string
console.log(typeof +speed); //number
console.log(+speed); //60, not "60".
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
결론
보시다시피, 이것들은 자바스크립트에서 사용할 수 있는 유명한 속기입니다. 이를 통해 코드 구문을 줄이고 코드를 최대한 짧게 유지할 수 있습니다.
이 기사를 읽어 주셔서 감사합니다. 도움이 되었기를 바랍니다.
Reference
이 문제에 관하여(알아야 할 강력한 JavaScript 속기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/shakilahmed007/7-powerful-javascript-shorthands-that-you-should-know-415p
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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
결론
보시다시피, 이것들은 자바스크립트에서 사용할 수 있는 유명한 속기입니다. 이를 통해 코드 구문을 줄이고 코드를 최대한 짧게 유지할 수 있습니다.
이 기사를 읽어 주셔서 감사합니다. 도움이 되었기를 바랍니다.
Reference
이 문제에 관하여(알아야 할 강력한 JavaScript 속기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/shakilahmed007/7-powerful-javascript-shorthands-that-you-should-know-415p
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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 루프를 사용하여 배열을 반복하고 싶을 때 다음과 같이 수행합니다.
보통 필기법:
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
결론
보시다시피, 이것들은 자바스크립트에서 사용할 수 있는 유명한 속기입니다. 이를 통해 코드 구문을 줄이고 코드를 최대한 짧게 유지할 수 있습니다.
이 기사를 읽어 주셔서 감사합니다. 도움이 되었기를 바랍니다.
Reference
이 문제에 관하여(알아야 할 강력한 JavaScript 속기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/shakilahmed007/7-powerful-javascript-shorthands-that-you-should-know-415p
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
function addNums(x, y){
return x + y;
}
addNums(6, 5); //11
Arrow function:
const addNums = (x, y)=> x + y;
addNums(6, 5); //11
Reference
이 문제에 관하여(알아야 할 강력한 JavaScript 속기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/shakilahmed007/7-powerful-javascript-shorthands-that-you-should-know-415p텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)