设置JavaScript数组

Setting up a JavaScript Array

本文关键字:数组 JavaScript 设置      更新时间:2024-05-04

我正在开发一个使用ES 6 JavaScript的应用程序。此应用程序有游戏列表。每个游戏都有一个ID。对象定义如下:

let game1 = { id:'XVF/328', name:'Checkers', publisher:'ABC games' };
let game2 = { id:'FTY/294', name:'Chess', publisher:'Infinity Fun' };
let game3 = { id:'QPG/72Z', name:'Backgammon', publisher:'Max Fun' };

我有一个数组,看起来像这样:

let games = [];

我正在尝试了解如何填充此数组以实现快速访问。我不知道我会得到一个身份证,比如"FTY/294"。我正在努力了解如何设置游戏阵列,这样我就可以做一些类似的事情:

let selectedGame = games['FTY/294'].

如何在JavaScript中做到这一点?

谢谢!

在javascript中,对象的行为与Java/C#中的HashTableDictionary非常相似。您可以在键下使用存储值,然后使用该键稍后检索值。

如果您使用的是对象而不是数组,那么您可以访问key->value。

let games = {};
games['XVF/328'] = { id:'XVF/328', name:'Checkers', publisher:'ABC games' };
games['FTY/294'] = { id:'FTY/294', name:'Chess', publisher:'Infinity Fun' };

如果你需要迭代所有游戏,你可以使用Object.keys(games)来检索所有键的列表,然后使用它来迭代你的对象。

Object.keys(games).forEach(x => {
   var game = games[x];
   // do something with game
});

在ES6中,您还可以选择使用Map,它为您提供了关联数组(如上所述)的好处,但添加了可迭代的支持。

var games = new Map();
games.set('XVF/328', { id:'XVF/328', name:'Checkers', publisher:'ABC games' });
// ....etc
for (let [id, game] of games) {
    // do something with the game
}

您可能需要考虑使用一个对象作为关联数组,它的功能类似于字典(即,您传入一个键,然后收到一个值作为返回):

// Define your object
let games = {};
// Add each game here
games['XVF/328'] = { name:'Checkers', publisher:'ABC games' };
games['FTY/294'] = { name:'Chess', publisher:'Infinity Fun' };
games['QPG/72Z'] = { name:'Backgammon', publisher:'Max Fun' };

然后简单地检索你正在寻找的游戏通过:

let selectedGame = games[id]; // where id is something like "XVF/328"

如果您使用的是ES6,那么您肯定应该使用Maps

const games = new Map(); // or let
games.set('XVF/328', { id:'XVF/328', name:'Checkers', publisher:'ABC games' })
games.set('FTY/294', { id:'FTY/294', name:'Chess', publisher:'Infinity Fun' };
games.set('QPG/72Z', { id:'QPG/72Z', name:'Backgammon', publisher:'Max Fun' };
let game = games.get('FTY/294');

您可以在新对象中使用id作为密钥:

games = {};
games[game1.id] = game1;
games[game2.id] = game2;
games[game3.id] = game3;

希望这能有所帮助。


game1 = { id:'XVF/328', name:'Checkers', publisher:'ABC games' };
game2 = { id:'FTY/294', name:'Chess', publisher:'Infinity Fun' };
game3 = { id:'QPG/72Z', name:'Backgammon', publisher:'Max Fun' };
games = {};
games[game1.id] = game1;
games[game2.id] = game2;
games[game3.id] = game3;
console.log(games);