javascript - 如何读取/访问名称 :values of Objects stored within an Array?

标签 javascript arrays javascript-objects

如何访问存储在 randomImage.images 数组中的每个对象的名称:值?

我尝试使用 for in 循环(请参阅 randomImage.imagePicker 方法以供引用),但我得到的输出是:

0[object Object]
1[object Object]
2[object Object]
3[object Object]
<小时/>
(function() {

var randomImage = {

        images : [
                { 'image 1' : 'http://placehold.it/100x100'},
                { 'image 2' : 'http://placehold.it/200x200'},
                { 'image 3' : 'http://placehold.it/300x300'},
                { 'image 4' : 'http://placehold.it/400x400'}
                ],//images Array
        imagePicker : function () {
                        for (var k in this.images ) {
                            console.log(k+this.images[k]);
                        }
                }//imagePicker Method

}//randomImage Object

randomImage.imagePicker()

})()

最佳答案

一个解决方案是这样的:

(function() {

var randomImage = {

        images : [
                { 'image 1' : 'http://placehold.it/100x100'},
                { 'image 2' : 'http://placehold.it/200x200'},
                { 'image 3' : 'http://placehold.it/300x300'},
                { 'image 4' : 'http://placehold.it/400x400'}
                ],//images Array
        imagePicker : function () {
                        for (var k in this.images ) {
                            
                            var curImg = this.images[k];
                            var key = Object.keys(curImg)[0];
                            
                          console.log(k+this.images[k]);

                          msg = k + ' : ' + key + ' => ' + curImg[key];
                          document.getElementById('el').innerHTML+='<div>'+msg+'<div>';
                        }
                }//imagePicker Method

}//randomImage Object

randomImage.imagePicker()

})()
<div id ='el'><div>

关于javascript - 如何读取/访问名称 :values of Objects stored within an Array?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33086331/

相关文章:

javascript - 如何循环遍历类并在数组中添加文本

JavaScript(Angular)数组没有返回?

javascript - 简单的方法而不是在 JavaScript 中重复调用函数

javascript - React : Uncaught Invariant Violation: ReactDOM. render():无效的组件元素

java - 实现以下方法对二维数组中的行进行排序

javascript - file_put_content 数组结构不起作用

javascript - 将数组更改为对象

javascript - 与其他部分不同 - 将 &lt;script&gt; 标记内的所有内容移动到 js 文件 - 不起作用

javascript - 使用javascript onclick将类名添加到div

javascript - 音频 - Chrome 移动版 - Android