记录JavaScrip将数组转为对象

发布时间:2022-3-18 13:17

我想获取一个元素数组,并将它们转换为一个对象。数组中的元素需要是对象的键,带有一些默认的空字符串,作为以后要更改的值。

['name','age','city', 'town', 'country']

{
  name: "",
  age: "",
  city: "",
  town: "",
  country: ""
}

最后我发现我们可以使用数组的reduce方法。

我们可以创建一个空对象,传递数组项并使用它们动态创建对象键。

const userChoices = ['name','age','city', 'town', 'country'];
const result = userChoices.reduce((acc, curr) => {
    acc[curr] = ""
    return acc
}, {})
result.name = "calvin"
console.log(result)

空对象用作累加器,该累加器被传递回函数并填充数组中的下一项。

acc是我们试图填充并返回的东西,而curr是我们正在迭代的数据中处理的当前项。

Vue3学习笔记之依赖注入Provide/Inject 网站建设

Vue3学习笔记之依赖注入Provide/Inject

Provide / Inject 通常,当我们需要从父组件向子组件传递数据时,我们使用 props。想象一下这样的结构:有一些深度嵌套的组件,而深层的子组件只需要父组件的部分内容。在这种情况下,如果...
Vue3全局实例上挂载属性方法案例讲解 网站建设

Vue3全局实例上挂载属性方法案例讲解

在大多数开发需求中,我们有时需要将某个数据,或者某个函数方法,挂载到,全局实例身上,以便于,在项目全局的任何位置都能够调用其方法,或读取其数据。 在Vue2 中,我们是在 main.js 中 直...