メモ【javascript】

Object.assign

Object.assignはオブジェクトをマージすることができます。

const object_1 = { a: 1, b: 2 }

const object_2 = { c: 3, d: 4 }

const united_object = Object.assign(object_1, object_2)


console.log(object_1)
=> { a: 1, b: 2, c: 3, d: 4 }

console.log(object_2)
=> { c: 3, d: 4 }

console.log(united_object)
=> { a: 1, b: 2, c: 3, d: 4 }

上記のように第一引数に第二引数をマージすることができます。

同じプロパティを持っている場合は上書きされます。

const object_1 = { a: 1, b: 2 }

const object_2 = { b: 3, c: 4 }

const united_object = Object.assign(object_1, object_2)


console.log(object_1)
=> { a: 1, b: 3, c:4 }

console.log(object_2)
=> { b: 3, c: 4 }

console.log(united_object)
=> { a: 1, b: 3, c:4 }

spliceメソッド

spliceメソッドは配列の要素を削除したり追加したりできます。

また削除と追加を同時にして要素を交換できます。

第一引数だけ指定した場合は、指定したインデックス番号以降の要素を削除します。

var array = ['A', 'B', 'C', 'D', 'E']

array.splice(2)
=> ['A', 'B']

インデックス番号が2の要素であるC以降の要素が削除される。

第二引数を指定すると、第一引数で指定したインデックス番号から第二引数で指定した数の分だけ要素を削除します。

var array = ['A', 'B', 'C', 'D', 'E']

array.splice(2, 2)
=> ['A', 'B', 'E']

インデックス番号が2の要素Cと要素Dの二つ分が削除されます。

第三引数を指定すると、第一引数で指定したインデックス番号から第二引数で指定した数の分だけ要素を削除し、

第三引数で指定した要素を追加します。

第二引数を0にした場合は、第三引数の要素を追加するだけになります。

var array = ['A', 'B', 'C', 'D', 'E']

array.splice(1, 0, '追加します' )
=> ['A', '追加します', 'B', 'C', 'D', 'E']

第二引数を1にすると、要素の交換になります。

var array = ['A', 'B', 'C', 'D', 'E']

array.splice(1, 1, '追加します' )
=> ['A', '追加します', 'C', 'D', 'E']

findIndex

findIndexは配列の要素から特定のインデックス番号を返します。

const b = 'B'

const array = ['A', 'B', 'C', 'D', 'E']

const index = array.findIndex(item => item === b)

console.log(index)
=> 1