흥미로운 자바스크립트 팁

처음에는 JavaScript가 제공해야 하는 모든 기능에 압도당하는 것처럼 보였습니다. 걱정할 일이 아니라 감사한 일이라는 것을 시간이 지나면서 알게 되었습니다. JavaScript로 할 수 있는 멋진 트릭이 많이 있으며 배울 것이 얼마나 더 있는지 아는 것은 흥미진진합니다. JavaScript로 할 수 있는 몇 가지 멋진 일을 살펴보고 새로운 것을 가르쳐 주셨으면 합니다!

배열에서 고유한 값 필터링

ES6의 도입으로 새로운 Set 개체와 "확산 연산자"를 사용하여 고유한 값을 가진 새 배열을 만들 수 있습니다.

const array = [1, 1, 2, 3, 5, 5, 1]
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // Result: [1, 2, 3, 5]

삼항 연산자

삼항 연산자는 빠른 조건문을 작성하기 위한 빠른 쓰기입니다.

function getFee(isMember) {
  return (isMember ? '$2.00' : '$10.00');
}

console.log(getFee(true));
// expected output: "$2.00"

console.log(getFee(false));
// expected output: "$10.00"

console.log(getFee(null));
// expected output: "$10.00"

이 예에서 isMember는 조건입니다. 조건이 참이면 "?"뒤에 오는 표현식 반환됩니다. 조건이 거짓이면 ":"뒤의 표현식이 반환됩니다. 이 구문은 비교적 간단하며 React와 같은 프로그램에서 조건부 렌더링에 적합합니다.

문자열로 변환

숫자를 문자열로 빠르게 변환하기 위해 숫자에 빈 문자열을 추가할 수 있습니다.

const val = 1 + "";
console.log(val); // Result: "1"
console.log(typeof val); // Result: "string"

숫자로 변환

더하기 연산자를 사용하면 반대의 경우도 빠르게 달성할 수 있습니다.

let int = "15";
int = +int;
console.log(int); // Result: 15
console.log(typeof int); Result: "number"

배열의 임의 항목

일부 프로그램은 훨씬 적은 코드로 이를 쉽게 만들지만 JavaScript가 이를 관리할 수 있다는 것은 여전히 ​​멋진 일입니다.

let items = [12, 548, "a", 2, 5478, "foo", 8852, , "Doe", 2145, 119];

let randomItem = items[Math.floor(Math.random() * items.length)];

배열 비우기

배열에서 길이 함수를 호출하고 이를 0으로 설정하면 배열이 비게 됩니다. 마찬가지로 0 이외의 숫자를 사용하면 배열이 해당 특정 길이로 잘립니다.

let myArray = [12 , 222 , 1000 ];  
myArray.length = 0; // myArray will be equal to [].

let newArray = [12 , 222 , 1000 , 124 , 98 , 10 ];  
newArray.length = 4; // myArray will be equal to [12 , 222 , 1000 , 124].

배열을 사전순으로 정렬

//sort alphabetically
function alphabetSort(arr)
{
  return arr.sort((a, b) => a.localeCompare(b));
}
let array = ["d", "c", "b", "a"]
console.log(alphabetSort(array)) // ["a", "b", "c", "d"]