在JavaScript中存储key => value数组的最佳方法?

2020/10/09 12:41 · javascript ·  · 0评论

key=>value在javascript中存储数组的最佳方法是什么,如何循环遍历?

每个元素的键应该是一个标记,例如{id}id,值应该是id的数值。

它应该是现有javascript类的元素,或者是可以通过该类轻松引用的全局变量。

可以使用jQuery。

这就是一个JavaScript对象:

var myArray = {id1: 100, id2: 200, "tag with spaces": 300};
myArray.id3 = 400;
myArray["id4"] = 500;

您可以使用for..inloop遍历它

for (var key in myArray) {
  console.log("key " + key + " has value " + myArray[key]);
}

另请参阅:处理对象(MDN)。

在ECMAScript6中,还有Map(请参见此处的浏览器兼容性表):

  • 对象具有原型,因此地图中包含默认键。自ES5开始,可以通过使用map = Object.create(null)来绕过此方法,但很少这样做。

  • 对象的键是字符串和符号,它们可以是Map的任何值。

  • 您可以轻松获取地图的大小,而不必手动跟踪对象的大小。

如果我正确理解您的意见:

var hash = {};
hash['bob'] = 123;
hash['joe'] = 456;

var sum = 0;
for (var name in hash) {
    sum += hash[name];
}
alert(sum); // 579

您可以使用Map

  • JavaScript ES6中引入了新的数据结构。
  • JavaScript对象的替代方案,用于存储键/值对。
  • 具有用于键/值对迭代的有用方法。
var map = new Map();
map.set('name', 'John');
map.set('id', 11);

// Get the full content of the Map
console.log(map); // Map { 'name' => 'John', 'id' => 11 }

使用键获取地图的价值

console.log(map.get('name')); // John 
console.log(map.get('id')); // 11

获取地图的大小

console.log(map.size); // 2

验证码存在于地图中

console.log(map.has('name')); // true
console.log(map.has('age')); // false

取得金钥

console.log(map.keys()); // MapIterator { 'name', 'id' }

获取价值

console.log(map.values()); // MapIterator { 'John', 11 }

获取地图元素

for (let element of map) {
  console.log(element);
}

// Output:
// [ 'name', 'John' ]
// [ 'id', 11 ]

打印键值对

for (let [key, value] of map) {
  console.log(key + " - " + value);
}

// Output: 
// name - John
// id - 11

仅打印地图键

for (let key of map.keys()) {
  console.log(key);
}

// Output:
// name
// id

仅打印地图的值

for (let value of map.values()) {
  console.log(value);
}

// Output:
// John
// 11

在javascript中,键值数组存储为对象。在javascript中有诸如数组之类的东西,但是它们在某种程度上仍被认为是对象,请检查这些人的答案-为什么我可以像在对象中一样将命名属性添加到数组中?

尽管可以使用方括号语法访问和设置对象属性,但通常使用方括号语法看到对象,使用大括号语法查看对象(“ key => value”数组),如Alexey Romanov所示。

javascript中的数组通常仅与数字,自动递增键一起使用,但是javascript对象可以包含命名键值对,函数甚至其他对象。

简单数组例如

$(document).ready(function(){

    var countries = ['Canada','Us','France','Italy'];
    console.log('I am from '+countries[0]);
    $.each(countries, function(key, value) {
        console.log(key, value);
    });

});

输出-

0“加拿大”

1个“我们”

2“法国”

3“意大利”

我们在上面看到,我们可以使用jQuery.each函数循环数字数组,并使用带数字键的方括号在循环外部访问信息。

简单对象(json)

$(document).ready(function(){

    var person = {
        name: "James",
        occupation: "programmer",
        height: {
            feet: 6,
            inches: 1
        },
    }

    console.log("My name is "+person.name+" and I am a "+person.height.feet+" ft "+person.height.inches+" "+person.occupation);

    $.each(person, function(key, value) {
        console.log(key, value);
    });

});

输出-

我叫James,我是6英尺1高的程序员

名字詹姆斯

职业程序员

高度对象{英尺:6,英寸:1}

在像php这样的语言中,这将被视为具有键值对的多维数组或数组中的数组。我假设是因为您问过如何遍历一个键值数组,所以您想知道如何获得一个对象(键=>值数组),例如上面的person对象,让一个人拥有多个。

好了,既然我们知道javascript数组通常用于数字索引,而对象则更灵活地用于关联索引,我们将一起使用它们来创建可以循环通过的对象数组,如下所示-

JSON数组(对象数组)-

$(document).ready(function(){

    var people = [
        {
            name: "James",
            occupation: "programmer",
            height: {
                feet: 6,
                inches: 1
            }
        }, {
            name: "Peter",
            occupation: "designer",
            height: {
                feet: 4,
                inches: 10
            }
        }, {
            name: "Joshua",
            occupation: "CEO",
            height: {
                feet: 5,
                inches: 11
            }
        }
    ];

    console.log("My name is "+people[2].name+" and I am a "+people[2].height.feet+" ft "+people[2].height.inches+" "+people[2].occupation+"\n");

    $.each(people, function(key, person) {
        console.log("My name is "+person.name+" and I am a "+person.height.feet+" ft "+person.height.inches+" "+person.occupation+"\n");
    });

});

输出-

我的名字叫约书亚(Joshua),我是5英尺11高的首席执行官

我叫James,我是6英尺1高的程序员

我叫Peter,我是4英尺10高的设计师

我的名字叫约书亚(Joshua),我是5英尺11高的首席执行官

请注意,在循环外部,我必须对数字键使用方括号语法,因为现在这是对象的数字索引数组,并且在循环内部当然暗含了数字键。

数组内的对象:

var cars = [
        { "id": 1, brand: "Ferrari" }
        , { "id": 2, brand: "Lotus" }
        , { "id": 3, brand: "Lamborghini" }
    ];

只需这样做

var key = "keyOne";
var obj = {};
obj[key] = someValue;

我知道它来晚了,但对那些想要其他方法的人可能会有所帮助。可以存储数组key => values的另一种方法是使用名为map()的数组方法。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map)您也可以使用箭头功能

 
    var countries = ['Canada','Us','France','Italy'];  
// Arrow Function
countries.map((value, key) => key+ ' : ' + value );
// Anonomous Function
countries.map(function(value, key){
return key + " : " + value;
});

本文地址:http://javascript.askforanswer.com/zaijavascriptzhongcunchukey-valueshuzudezuijiafangfa.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!