Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用";显示JavaScript对象内部的数组项;jquery中的每个;或;每种语言都使用javascript“;_Javascript_Jquery_Arrays - Fatal编程技术网

如何使用";显示JavaScript对象内部的数组项;jquery中的每个;或;每种语言都使用javascript“;

如何使用";显示JavaScript对象内部的数组项;jquery中的每个;或;每种语言都使用javascript“;,javascript,jquery,arrays,Javascript,Jquery,Arrays,这是我的密码 var myOwnObject={ car1:‘丰田’, car2:‘本田’, car3:‘宝马’, car4:[‘斯巴鲁’、‘日产’、‘兰博’、‘捷豹’] }; console.log(“1.+myOwnObject.car1+”,2.+myOwnObject.car2+”,3.+myOwnObject.car3+”,4.+myOwnObject.car4[0]+myOwnObject.car4[1])我很确定您要查找的代码是关于如何在页面上动态显示此信息(无需手动打印1、2等

这是我的密码

var myOwnObject={
car1:‘丰田’,
car2:‘本田’,
car3:‘宝马’,
car4:[‘斯巴鲁’、‘日产’、‘兰博’、‘捷豹’]
};

console.log(“1.+myOwnObject.car1+”,2.+myOwnObject.car2+”,3.+myOwnObject.car3+”,4.+myOwnObject.car4[0]+myOwnObject.car4[1])我很确定您要查找的代码是关于如何在页面上动态显示此信息(无需手动打印1、2等)。以下是一种方法:

<ol id="sampleSection"></ol>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>

var myOwnObject = { car1: 'Toyota', car2: 'Honda', car3: 'BMW', car4: ['Subaru', 'Nissan', 'Lambo', 'Jaguar'] };

$.each(myOwnObject, function (index, item) {
    $("<li>")
        .html(item)
        .appendTo($("#sampleSection"));
});

</script>

var myOwnObject={car1:'丰田'、car2:'本田'、car3:'宝马'、car4:['斯巴鲁'、'日产'、'兰博'、'捷豹'];
$.each(对象、函数(索引、项){
$(“
  • ”) .html(项目) 。附件($(“#样本部分”); });
  • var myOwnObject={
    car1:‘丰田’,
    car2:‘本田’,
    car3:‘宝马’,
    car4:[‘斯巴鲁’、‘日产’、‘兰博’、‘捷豹’]
    };
    var数组=$.map(myOwnObject,函数(val){
    返回[val];
    });
    console.log(array.map)(函数(val,idx){
    return(idx+1)+'.+(Array.isArray(val)?val.join(''):val);
    })。加入(“,”)
    
    在纯Javascript中,您可以使用获取键,并使用迭代此数组,检查属性是否为数组,然后加入数组,否则将值作为输出

    var myOwnObject={car1:'丰田'、car2:'本田'、car3:'宝马'、car4:['斯巴鲁'、'日产'、'兰博'、'捷豹'];
    key(myOwnObject).forEach(函数(k){
    if(Array.isArray(myOwnObject[k])){
    log(k+':'+myOwnObject[k].join(',');
    }否则{
    log(k+':'+myOwnObject[k]);
    }
    
    });实现所需结果的最简单方法可能是创建一个帮助器来展平数据

    下面是一个例子:

    function parser(object){
        let results = [];
        for(let let in object){
            let item = object[key];
    
            if(item instanceof Array){
                item.forEach((el) => { results.push(item)})
            }
            else
                results.push(item)
        }
    
        return results
    }
    
    使用全新阵列,您可以执行任何操作,例如

    let res = parser(object);
    let output = '';
    
    res.forEach((item, index) => {
        output = output + index + ". " + item;
    })
    
    console.log(output);
    

    在nfn neil的解决方案中,他利用了这样一个事实,即当数组“添加”到字符串中时,首先使用其内置方法
    toString()
    将其转换为字符串

    由于对象具有不同类型(字符串和数组)的成员,因此这种方法非常有效。但是,如果您希望对如何连接阵列有更多的控制,则必须投入更多的工作:

    <ol id="sampleSection"></ol>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script>
    
    var myOwnObject = { car1: 'Toyota', car2: 'Honda', car3: 'BMW', car4: ['Subaru', 'Nissan', 'Lambo', 'Jaguar'] };
    
    $.each(myOwnObject, function (index, item) {
        $("<li>")
            .html($.isArray(item)
               ?item.join('<your separator>') // arrays
               :item)                         // strings
            .appendTo($("#sampleSection"));
     });
    </script>
    
    
    var myOwnObject={car1:'丰田'、car2:'本田'、car3:'宝马'、car4:['斯巴鲁'、'日产'、'兰博'、'捷豹'];
    $.each(对象、函数(索引、项){
    $(“
  • ”) .html($.isArray(项目) ?item.join(“”)//数组 :item)//字符串 。附件($(“#样本部分”); });

  • 代替
    item.join()
    函数,您可以执行
    item.map(函数(itm,idx){return idx+'.+itm;}
    -构造,可以在每个元素的索引位置编织。

    您可以使用下面的代码
    for(myOwnObject中的var键){console.log(myOwnObject[key])
    Hello Rar,代码正常工作。感谢您的帮助:)你好,尼娜,代码正常工作。感谢您的帮助:)Door de manier waarop je bent een aardige programmeurHello Nfn,代码正在运行。谢谢你的帮助:)你好,Cars10,代码正在运行。谢谢你的帮助:)