Tipps zur Verwendung von Javascript

Tipps zur Verwendung von Javascript

Referenzartikel @CUGGZ

Array-Füllung

6 stellt die Länge des Arrays dar,
fill gibt an, mit welchem ​​Inhalt das Array gefüllt werden soll

let arr = Array(6).fill(",");

Fehlerwerte filtern

Filter()

let arr = [1, 0, undefined, 6, 7, "", false];
arr.filter(Boolean); // [1,6,7]
// 下面写法 跟上面写法返回结果一样
arr.filter((item) => item); // [1,6,7]

Verwenden Sie logische Operatoren

if (a > 10) {
    
    
  doSomething();
}

// 优化
a > 10 && doSomething();

if (a > 10) doSomething();

Array löschen

let arr = [1, 2, 3, 4, 5, 6];
arr.length = 0;
console.log(arr); // []

Wenn eine Eigenschaft als undefiniert oder null beurteilt wird, führen Sie eine Aktion aus

??Wenn der Rückgabewert auf der linken Seite des Ausdrucks nulland ist , führt der Nullwert-Zusammenführungsoperator undefinedden Code auf der rechten Seite des Ausdrucks aus

a ?? doSomething();

Konvertieren Sie Array-Elemente in Zahlen

注意: 转换过后会返回一个新数组,原数组内元素类型不变.

const numArr = ["12", "1", "3.1415", "-10.01"];
// 方法一:
let temporary = numArr.map(Number); // [12, 1, 3.1415, -10.01]
// 方法二:
let temporary = numArr.map((item) => +item); // [12, 1, 3.1415, -10.01]

console.log(temporary);

Eigenschaften der dynamischen Objektdeklaration

let propertyDynamic = "color";

let obj = {
    
    
  name: "coco",
  age: 18,
  [propertyDynamic]: "tomato",
};