Tôi đã thu thập danh sách một số shorthands / đoạn trích thú vị và hữu ích nhất cho tất cả các lập trình viên JavaScript hiện có. Sử dụng những thứ này để làm cho mã của bạn trông chuyên nghiệp hơn.

1. Câu lệnh If-Else One-Liner

Bạn có thể quen thuộc với các if-elsecâu lệnh thông thường như sau:

if (10 < 100) {
  console.log("True");
} else {
  console.log("False");
}

True

10 < 100 ? console.log("True") : console.log("False");

True

condition ? trueExpression : falseExpression

2. Nhà khai thác Spread

Bạn có thể sử dụng toán tử spread ( ...) để mở rộng các phần tử của một mảng thành một mảng khác, ví dụ:

const numbers = [10, 20, 30, 40];
const allNumbers = [...numbers, 50, 60, 70, 80];
console.log(allNumbers);

[10, 20, 30, 40, 50, 60, 70, 80]

const numbers = [1, 1, 20, 3, 3, 3, 9, 9];
const uniqueNumbers = [...new Set(numbers)];
console.log(uniqueNumbers);

[1, 20, 3, 9]

Ngoài truevà false, JavaScript đối xử với các loại khác như truthy hoặc falsy .

• 0, "", null, undefined, NaN, Và falseluôn falsy .
• Mọi thứ khác đều là sự thật.

const bool1 = !0;        // true
const bool2 = !100;      // false
const bool3 = !"test";   // false
const bool4 = !!"test";  // true
console.log(bool1, bool2, bool3, bool4);

true false false true

let x = 1;
let y = 2;
[x, y] = [y, x];
console.log(x, y);

2 1

const num = 1 + "";
console.log(typeof num);
console.log(num);

string
1

const numStr = "124";
const num = +numStr;
console.log(typeof num);
console.log(num);

number 
84

Nhúng gọn gàng một biến vào giữa một chuỗi bằng cách sử dụng backticks ( `) để bao quanh một chuỗi và chèn biến vào giữa ${}:

const age = 41;
const sentence = `I'm ${age} years old`;
console.log(sentence);

I'm 41 years old

Để chia một chuỗi thành một mảng, bạn có thể sử dụng toán tử spread ( ...):

const str = "Test"
const strAsArr = [...str]
console.log(strAsArr)

["T", "e", "s", "t"]

“ Toán tử chuỗi tùy chọn ( ?.) cho phép đọc giá trị của một thuộc tính nằm sâu trong chuỗi các đối tượng được kết nối mà không cần phải xác nhận rõ ràng rằng mỗi tham chiếu trong chuỗi là hợp lệ.” - Tài liệu Web MDN

Giả sử bạn có một datađối tượng và bạn muốn truy cập một cách an toàn data.test.value. Trước tiên, bạn cần kiểm tra xem:

• data được định nghĩa.
• data.test được định nghĩa.

const data = {test: {value: 1}}
if(data && data.test){
  console.log(data.test.value);
}

1

const value = data?.test?.value;
console.log(value)

1

console.log(data?.this?.does?.not?.exist?.for?.sure)

undefined

Tôi chắc rằng bạn đã sử dụng JSON.stringify()trước đây. Tuy nhiên, có một cách mà bạn có thể chưa sử dụng là thụt lề dữ liệu JSON của bạn một cách gọn gàng.

Hãy xem cách bạn thực hiện điều này. Các JSON.stringify()phương pháp chấp nhận hai thông số tùy chọn:

• Một hàm thay thế lọc JSON đang được hiển thị. Trong trường hợp này, nó có thể được null, vì chúng tôi không cần nó.
• Giá trị khoảng trắng là số khoảng trắng mong muốn hoặc một chuỗi. Trong trường hợp này, hãy sử dụng tab ( '\t') để thụt lề đối tượng JSON để làm cho nó trông đẹp:

const readableJSON = JSON.stringify({ a: 'A', b: 'B' }, null, '\t');
console.log(readableJSON);

{
      "a": "A",
      "b": "B"
}

Tài nguyên