JavaScript便利なTips集

2024/1/15

frontend javascript tips programming

JavaScript便利なTips集

JavaScriptでよく使う便利なテクニックをまとめました。

1. 配列の重複削除

// Set を使った方法
const uniqueArray = [...new Set(array)];

// filter を使った方法
const uniqueArray2 = array.filter((item, index) => array.indexOf(item) === index);

2. オブジェクトの分割代入

const user = { name: 'John', age: 30, email: 'john@example.com' };

// 基本的な分割代入
const { name, age } = user;

// 別名での代入
const { name: userName, age: userAge } = user;

3. 配列のマップとフィルター

const numbers = [1, 2, 3, 4, 5];

// 偶数のみを2倍にする
const result = numbers.filter((num) => num % 2 === 0).map((num) => num * 2);

これらのテクニックを覚えておくと、より効率的なコードが書けるようになります。