为 array.push() 中的对象命名 [重复]

Posted 2023-05-08

【中文标题】为 array.push() 中的对象命名 [重复]

【英文标题】：Giving a name to the object within array.push() [duplicate]

【发布时间】：2019-10-18 11:30:22

【问题描述】：

在我的部分代码中，我从 JSON 文件中提取数据并将其放置在基于对象的数组中。

我成功接收到数据，并且可以将每个数据放在数组中的单个对象上。唯一的问题是，我想为每个对象命名。

var playlist_data = 
  "Music1": 
    "soundcloud": "Soundcloud Music 1",
    "spotify": "Spotify Music 1"
  ,
  "Music2": 
    "soundcloud": "Soundcloud Music 2",
    "spotify": "Spotify Music 2"
  ,
  "Music3": 
    "soundcloud": "Soundcloud Music 3",
    "spotify": "Spotify Music 3"
  ,
  "Music4": 
    "soundcloud": "Soundcloud Music 4",
    "spotify": "Spotify Music 4"
  
;
var links = [];
$.each(playlist_data, function(index, element) 
  links.push(
    spotify: element.spotify,
    soundcloud: element.soundcloud,
  );
);

console.log(links);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

在上面的代码中看似复制了相同的 JSON 数据，但它是一个简化版本。

因此，我想将其称为 links.Music2 和 links.Music2.spotify

【问题讨论】：

你不能命名数组中的元素，所以你需要使用一个对象。 然而然后你回到exact与你的JSON相同的数据结构，所以你的循环是完全多余的

@RoryMcCrossan 是的，没错。但是主要的 json 文件比这个包含各种数据的文件要长得多。所以我喜欢用特定数据制作一个较小版本的 main json。

How to get a subset of a javascript object's properties 的可能副本另请参阅 One-liner to take some properties from object in ES 6

和Javascript give array Key a name while doing an array 'push'

【参考方案1】：

由于 Javascript 不支持命名索引，您必须将 links 设为对象才能通过 links.Music2.spotify 访问其属性。这很容易完成，但它只会为您提供与开始时完全相同的数据：

var playlist_data = 
  "Music1": 
    "soundcloud": "Soundcloud Music 1",
    "spotify": "Spotify Music 1"
  ,
  "Music2": 
    "soundcloud": "Soundcloud Music 2",
    "spotify": "Spotify Music 2"
  ,
  "Music3": 
    "soundcloud": "Soundcloud Music 3",
    "spotify": "Spotify Music 3"
  ,
  "Music4": 
    "soundcloud": "Soundcloud Music 4",
    "spotify": "Spotify Music 4"
  
;
var links = ;
$.each(playlist_data, function(index, element) 
  links[index]= 
    spotify: element.spotify,
    soundcloud: element.soundcloud,
  ;
);

console.log(links);
console.log(links.Music2.spotify)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

【参考方案2】：

您似乎想使用spotify 作为links 的键。

JS中有两种数组：

标准数组是：[ ]

关联数组是： !

如您所见，您可以使用 ，它也可以作为javascript 中的对象作为数组使用。然后您可以使用spotify 作为密钥。 所以你的代码将如下所示：

var links = ;
$.each(playlist_data, function(index, element) 
  links[index] = 
    spotify: element.spotify,
    soundcloud: element.soundcloud,
  ;
);
console.log(links_s.Music1.spotify) // Spotify Music 1

【参考方案3】：

您可以使用如下代码命名您的每个 obj

var playlist_data = 
  "Music1": 
    "soundcloud": "Soundcloud Music 1",
    "spotify": "Spotify Music 1"
  ,
  "Music2": 
    "soundcloud": "Soundcloud Music 2",
    "spotify": "Spotify Music 2"
  ,
  "Music3": 
    "soundcloud": "Soundcloud Music 3",
    "spotify": "Spotify Music 3"
  ,
  "Music4": 
    "soundcloud": "Soundcloud Music 4",
    "spotify": "Spotify Music 4"
  
;
var links = [];
$.each(playlist_data, function(index, element) 
  links.push(
    spotify: element.spotify,
    soundcloud: element.soundcloud,
  );
);

let myMusic = ;

for(let x = 0 ; x < links.length ; x++)

    let z = Number(x+1);
    myMusic["music"+z] = links[x];


console.log(myMusic.music1);