如何使用";显示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,代码正在运行。谢谢你的帮助:)