当前位置: 首页 > 面试题库 >

如何连接多个JavaScript对象中的属性

岑俊明
2023-03-14
问题内容

我正在寻找“添加”多个JavaScript对象(关联数组)的最佳方法。

例如,给定:

a = { "one" : 1, "two" : 2 };
b = { "three" : 3 };
c = { "four" : 4, "five" : 5 };

什么是最好的计算方式:

{ "one" : 1, "two" : 2, "three" : 3, "four" : 4, "five" : 5 }

问题答案:

引入ECMAscript 6是Object.assign()为了用Javascript本身实现此目的。

所述 Object.assign() 方法被用于所有可枚举自己的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

var o1 = { a: 1 };

var o2 = { b: 2 };

var o3 = { c: 3 };



var obj = Object.assign({}, o1, o2, o3);

console.log(obj); // { a: 1, b: 2, c: 3 }

Object.assign在许多现代浏览器中都受支持,但并非所有浏览器都支持。使用Babel和Traceur等编译器生成向后兼容的ES5 JavaScript。



 类似资料:
  • 问题内容: 是否有一种优雅的方式来访问对象的第一个属性… 您不知道物业名称的地方 而不使用像jQuery这样的循环 例如,我需要在不知道foo1名称的情况下访问对象: 问题答案: var obj = { first: ‘someVal’ }; obj[Object.keys(obj)[0]]; //returns ‘someVal’ 使用此方法,您还可以通过索引访问其他属性。请注意!根据ECMAS

  • 本文向大家介绍如何将两个JavaScript对象与纯JavaScript连接在一起?,包括了如何将两个JavaScript对象与纯JavaScript连接在一起?的使用技巧和注意事项,需要的朋友参考一下 假设我们有两个这样定义的对象- 我们需要编写一个JavaScript函数,该函数接受两个这样的对象并合并为一个对象。 换句话说,我们需要或多或少地实现Object.assign()函数的功能。 示

  • 问题内容: 说我这样创建一个对象: 检索属性名称列表的最佳方法是什么?即我想以一些变量“键”结束: 问题答案: 在现代浏览器(IE9 +,FF4 +,Chrome5 +,Opera12 +,Safari5+)中,您可以使用内置的Object.keys方法: 上面有完整的polyfill,但简化的版本是: 或者替换为,以允许您调用任何对象。扩展原型会产生一些副作用,我不建议您这样做。

  • 问题内容: 如何枚举JavaScript对象的属性? 我实际上想列出所有已定义的变量及其值,但是我了解到定义一个变量实际上会创建window对象的属性。 问题答案: 很简单: 现在,您将无法以这种方式获取私有变量,因为它们不可用。 编辑:是正确的,除非您使用该方法,否则您将获得继承的属性- 但是,我不知道为什么任何熟悉面向对象编程的人都期望得到更少的东西!通常,提起此问题的人会受到道格拉斯·克罗克

  • 问题内容: 使用此脚本制作所有继承的etc样式的样式对象。 使用以下命令,第一个警报将正常工作,但是第二个警报则无法正常工作..它将解释为我假设的负号。.调试器说“未捕获的参考错误”。但是,我不能在其周围加上引号,因为它不是字符串。那么如何使用此对象属性? 问题答案: 编辑 查看注释,您将看到对于CSS属性,键符号与许多属性不兼容。因此,使用驼峰式案例密钥表示法是当前的方式 使用键符号而不是点 j

  • 问题内容: 说我创建一个对象,如下所示: 删除该属性以使其最终成为new 的最佳方法是什么? 问题答案: 像这样: 演示版