动态添加变量名称值对到 JSON 对象

Question

我有一个充满 ips 的 json 对象，就像

var ips = {}

我然后将 ip 对象添加到这个对象一样，然后

ips[ipID] = {}

我需要向每个 ip 添加动态/变量名称值对，所以我使用这样的代码

var name; var value; var temp = {};
tmp[name] = value

我的问题是，如何添加这些名称值对/ tmp 到我的 ipID 对象，这样我的结果就像

ipID = { name : value, anotherName : anotherValue }

Answer 1

在 JavaScript 中。

    var myObject = { "name" : "john" };
    // { "name" : "john" };
    myObject.gender = "male";
    // { "name" : "john", "gender":"male"};

Answer 2

如果我对您最初的 JSON 的理解是正确的，那么这些解决方案中的任何一个都可以帮助您循环遍历所有 ip id 和 ip id。为每个对象分配一个新对象。

// initial JSON
var ips = {ipId1: {}, ipId2: {}};

// Solution1
Object.keys(ips).forEach(function(key) {
  ips[key] = {name: 'value', anotherName: 'another value'};
});

// Solution 2
Object.keys(ips).forEach(function(key) {
  Object.assign(ips[key],{name: 'value', anotherName: 'another value'});
});

确认：

console.log(JSON.stringify(ips, null, 2));

以上说法吐槽：

{
  "ipId1": {
    "name":"value",
    "anotherName":"another value"
  },
  "ipId2": {
    "name":"value",
    "anotherName":"another value"
  }
}

Answer 3

从其他答案提出的内容来看，我相信这可能会有所帮助：

var object = ips[ipId];
var name = "Joe";
var anothername = "Fred";
var value = "Thingy";
var anothervalue = "Fingy";
object[name] = value;
object[anothername] = anothervalue;

但是，这没有经过测试，只是基于不断重复的假设：

object["string"] = value;
//object = {string: value}

Answer 4

您可以使用 Lodash _.assign 功能。

var ipID = {};
_.assign(ipID, {'name': "value"}, {'anotherName': "anotherValue"});
console.log(ipID);

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>

Answer 5

那不是 JSON。它只是 Javascript 对象，与 JSON 完全无关。

您可以使用括号动态设置属性。示例：

var obj = {};
obj['name'] = value;
obj['anotherName'] = anotherValue;

这与使用对象字面量创建对象完全相同：

var obj = { name : value, anotherName : anotherValue };

如果您已将对象添加到 ips 集合中，则可以使用一对括号来访问集合中的对象，和另一对来访问对象中的属性：

ips[ipId] = {};
ips[ipId]['name'] = value;
ips[ipId]['anotherName'] = anotherValue;

请注意与上面代码的相似之处，但您只是使用 ips[ipId] 而不是 obj。

您还可以从集合中获取对对象的引用，并在对象保留在集合中时使用它来访问该对象：

ips[ipId] = {};
var obj = ips[ipId];
obj['name'] = value;
obj['anotherName'] = anotherValue;

您可以使用字符串变量来指定属性的名称：

var name = 'name';
obj[name] = value;
name = 'anotherName';
obj[name] = anotherValue;

它是变量的值（字符串）标识属性，因此当您对上面代码中的两个属性使用 obj[name] 时，访问变量时变量中的字符串决定将访问哪个属性。

Answer 6

ECMAScript 6 有更好的方法。

您可以在对象属性定义中使用计算属性名称，例如：

var name1 = 'John'; 
var value1 = '42'; 
var name2 = 'Sarah'; 
var value2 = '35';

var ipID = { 
             [name1] : value1, 
             [name2] : value2 
           }

这相当于以下内容，其中您有属性名称的变量。

var ipID = { 
             John: '42', 
             Sarah: '35' 
           }

Answer 7

使用 javascript 对象时，您也可以只使用“点符号”来添加项目，(JSLint 更喜欢哪个）

var myArray = { name : "john" };
//will initiate a key-value array with one item "name" and the value "john"
myArray.lastName = "smith";
//will add a key named lastName with the value "smith"
//Object {name: "john", lastName: "smith"}

这是在 Chrome 控制台中测试的屏幕截图

Answer 8

我假设“ips”中的每个条目都可以有多个名称值对 - 所以它是嵌套的。您可以这样实现此数据结构：

var ips = {}

function addIpId(ipID, name, value) {
    if (!ips[ipID]) ip[ipID] = {};
    var entries = ip[ipID];
    // you could add a check to ensure the name-value par's not already defined here
    var entries[name] = value;
}