将一个对象存储在另一个对象中

Question

我需要在另一个对象中插入一个对象，并使用以下逻辑：

// Create object store
const store = {}

// Function to create 'Product' Objects
function createProduct (type, name, price) {
  return { type, name, price }
}

// Function to add 'Product' Objects inside the 'Store' Object
function addToStore (obj) {
  store.obj = obj
  return store
}

const strawberry = createProduct ('fruit', 'strawberry', '0.40')
const peach = createProduct ('fruit', 'peach', '0.80')

addToStore(strawberry)
addToStore(peach) 
console.log(store) // < { obj: { type: 'fruit', name: 'peach', price: '0.90' } }

如何编写此函数，使store.obj成为由参数传递的相同的obj？

function addToStore (obj) {
  store.obj = obj
  return store

// What's happening in the run
function addToStore (peach) {
  store.obj = peach
  return store

// What I need to happen
function addToStore (peach) {
  store.peach = peach
  return store

Answer 1

如果您希望属性名来自调用addToStore时使用的变量的名称，则不能完全这样做，因为当addToStore被调用时，它只接收到该变量的值(对对象的引用)，它不会收到有关变量本身的任何信息。

简单的解决方案是将名称作为第二个参数传递：

function addToStore(name, obj) {
    store[name] = obj;
    return store;
}
// ...
addToStore("peach", peach);

注意，使用[]使属性名来自于name参数，而不是使用具有文字名称的.。

有一种方法可以通过使用速记属性语法，以(非常小的)成本创建一个临时对象，使其更加自动化。在您想要的对象周围传递一个对象包装器，其中属性的名称来自变量名，并让addToStore从该包装器中获取对象(如果传递一个以上的话，也可以将它们全部取走)：

function addToStore(objects) {
    Object.assign(store, objects); // Will do the loop and assignments for you
    return store;
}
// ...
addToStore({peach});
//         ^^^^^^^−−−−−−−−−−− creating the object to pass in using shorthand syntax

您可能不想在代码中这样做，因为开销会在一小时内执行数百万次，但如果不这样做，我就不会担心，除非/除非您遇到性能问题，才能找到它。