JavaScript の使用上のヒント

JavaScript の使用上のヒント

参考記事 @CUGGZ

配列の充填

6 は配列の長さを表し、
fill は配列に埋める内容を表します。

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

エラー値をフィルタリングする

フィルター（）

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

論理演算子を使用する

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

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

if (a > 10) doSomething();

配列をクリアする

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

プロパティが未定義または null と判断された場合、アクションを実行します

null 値結合演算子 は??、式の左側の戻り値がnullandの場合undefined、式の右側のコードを実行します。

a ?? doSomething();

配列要素を数値に変換する

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

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);

オブジェクトの動的宣言プロパティ

let propertyDynamic = "color";

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