JS ES6 スプレッド演算子の魔法のような使い方

const ユーザー = { id: 110, 名前: 'Kayson Li'}
const userWithPass = { ...user, password: 'パスワード!' }

ユーザー //=> { id: 110、名前: 'Kayson Li'}
userWithPass //=> { id: 110、 name: 'Kayson Li'、 password: 'パスワード!' }

const part1 = { id: 110, name: 'ケイソン・リー' }
const part2 = { id: 110, password: 'パスワード!' }

定数 user1 = { ...part1, ...part2 }
//=> { id: 110、 name: 'Kayson Li'、 password: 'パスワード!' }

const noPassword = ({ パスワード、...rest }) => rest
定数ユーザー = {
  id: 110,
  名前: 'ケイソン・リー'、
  パスワード: 'パスワード!'
}

noPassword(user) //=> { id: 110, name: 'Kayson Li' }

定数user1 = {
  id: 110,
  名前: 'ケイソン・リー'、
  パスワード: 'パスワード!'
}
const removeProperty = prop => ({ [prop]: _, ...rest }) => rest
// ---- ------
// \ /
// 動的分解 const removePassword = removeProperty('password')
定数removeId = removeProperty('id')

removePassword(user1) //=> { id: 110, name: 'Kayson Li' }
removeId(user1) //=> { name: 'Kayson Li', password: 'パスワード!' }

定数user3 = {
  パスワード: 'パスワード!',
  名前: 'ブルース'、
  id: 300
}

const 整理 = オブジェクト => ({ id: undefined, ... オブジェクト })
// -------------
// /
// id を最初の属性位置に移動する organize(user3)
//=> { id: 300, password: 'パスワード!', name: 'Bruce' }

定数user3 = {
  パスワード: 'パスワード!',
  名前:「ブルース」
  id: 300
}

const organize = ({ パスワード, ...オブジェクト }) =>
  ({ ...オブジェクト, パスワード })
//--------
// /
// パスワードを末尾に移動する organize(user3)
//=> { name: 'Bruce'、 id: 300、 password: 'パスワード!' }

定数user2 = {
  id: 200,
  名前: 'ジャック・マー'
}

定数user4 = {
  id: 400,
  名前: '魯迅'、
  引用: ["私はそんなことは言っていない..."]
}

const setDefaults = ({ quotes = [], ...object}) =>
  ({ ...オブジェクト、引用符 })

デフォルト設定(ユーザー2)
//=> { id: 200、名前: 'ジャック・マー'、引用符: [] }

デフォルト設定(user4)
//=> {
//=> id: 400,
//=> 名前: '魯迅',
//=> 引用: ["私はそんなことは言っていません..."]
//=> }

const setDefaults = ({ ...オブジェクト}) => ({ 引用符: [], ...オブジェクト })

const の名前が変更されました = ({ ID, ...object }) => ({ id: ID, ...object })

定数ユーザー = {
  ID: 500,
  名前: 「張全丹」
}

renamed(user) //=> { id: 500, name: '张全蛋' }

const ユーザー = { id: 110, 名前: 'ケイソン・リー' }
const password = 'パスワード!'
定数userWithPassword = {
  ...ユーザー、
  id: 100,
  ...(パスワード && { パスワード })
}

userWithPassword //=> { id: 110、 name: 'Kayson Li'、 password: 'パスワード!' }