Iller JavaScript 해킹 곧 알았으면 좋았을 텐데요

Susan Sarandon
풀어 주다: 2024-11-23 13:35:11
원래의
139명이 탐색했습니다.

iller JavaScript Hacks Wish I Knew Soon

기본값을 위한 단락의 진화

기본값을 확인하려면 if-else를 건너뛰세요. 더 깔끔하고 한 줄로 된 과제를 수행하려면 ||을 사용하세요.

//old way 
let userName;
if (userInput) {
 userName = userInput;
} else {
 userName = 'Guest';
}

//modern way
const userName = userInput || 'Guest';
로그인 후 복사

임시변수 없이 변수 스와이프

배열 구조 분해를 사용하여 한 줄의 값을 바꾸면 임시 값이 필요하지 않습니다.

//old way
let temp = a;
a = b;
b = temp;

//modern way
let a = 1, b = 2;
[a, b] = [b, a]; 
로그인 후 복사

출력: a = 2 및 b = 2

빠른 어레이 복제
더 간단하고 더 많은 작업을 위해 스프레드 연산자를 사용하여 배열을 복제하세요.
직관적인 방법.

// old way
const clone = original.slice();

//modern way
const original = [1, 2, 3];
const clone = [...original];
로그인 후 복사

배열에서 중복 항목을 쉽게 제거
Set을 사용하여 중복 항목을 제거하여 간결하고 한 줄짜리 최신 솔루션으로 전환하세요.

//old way
const uniqueArray = [];
for (let i = 0; i < array.length; i++)  {
  if (!uniqueArray.includes(array[i])) {
     uniqueArray.push(array[i]);
 }
}

//modern way 
const uniqueArray = [...new Set([1, 2, 2, 3, 4, 4])];
로그인 후 복사

문자열을 숫자로 빠르게 변환

에 대한 단항 연산자를 사용하여 문자열숫자
로 변환합니다. 빠른 해결.

//old way
 const num = parseInt('12', 39);

//modern way
consst num = +'12';
로그인 후 복사

결론
이러한 최신 JavaScript 기술은 더욱 깔끔하고 효율적이며 읽기 쉬운 코드를 제공합니다. 이러한 단일 라이너와 내장 기능을 사용하면 복잡한 논리가 단순화되고 중복성이 제거됩니다

위 내용은 Iller JavaScript 해킹 곧 알았으면 좋았을 텐데요의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿