Javascript 从对象中提取值
我有这样的东西Javascript 从对象中提取值,javascript,jquery,Javascript,Jquery,我有这样的东西 [Object { image = "images/item-1.png" , heading = "Careers" , text = "Lorem ipsum dolor sit a...ctetur adipiscing elit." }, Object { image = "images/item-2.png" , heading = "Contact
[Object {
image =
"images/item-1.png"
, heading =
"Careers"
, text =
"Lorem ipsum dolor sit a...ctetur adipiscing elit."
},
Object {
image =
"images/item-2.png"
, heading =
"Contact Us"
, text =
"Morbi tincidunt commodo scelerisque."
},
Object {
image =
"images/item-3.png"
, heading =
"About Us"
, text =
"Duis porttitor diam vitae leo elementum accumsan."
}]
如何从这个对象中提取值
我试图实现这一点使用$。每个,但没有得到适当的结果。我的要求是在单独的变量中获取图像url、标题和文本。
请帮助我。您可以简单地执行以下操作:
var arr = [{
"image": "images/item-1.png",
"heading": "Careers",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
}, {
"image": "images/item-2.png",
"heading": "Contact Us",
"text": "Morbi tincidunt commodo scelerisque."
}, {
"image": "images/item-3.png",
"heading": "About Us",
"text": "Duis porttitor diam vitae leo elementum accumsan."
}]
$.each(arr, function (index, value) {
var image_url = value.image;
var heading = value.heading;
var text = value.text;
console.log(index, image_url, heading, text);
});
您可以简单地执行以下操作:
var arr = [{
"image": "images/item-1.png",
"heading": "Careers",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
}, {
"image": "images/item-2.png",
"heading": "Contact Us",
"text": "Morbi tincidunt commodo scelerisque."
}, {
"image": "images/item-3.png",
"heading": "About Us",
"text": "Duis porttitor diam vitae leo elementum accumsan."
}]
$.each(arr, function (index, value) {
var image_url = value.image;
var heading = value.heading;
var text = value.text;
console.log(index, image_url, heading, text);
});
我不喜欢使用
$。与可以实现相同功能的简单for循环相比,jQuery的开销非常大
for (var i = 0; i < arr.length; i++)
{
var image_url = arr[i].image,
heading = arr[i].heading,
text = arr[i].text;
// Do stuff with variables
}
for(变量i=0;i
我不喜欢使用$。与可以实现相同功能的简单for循环相比,jQuery的每个开销都是巨大的
for (var i = 0; i < arr.length; i++)
{
var image_url = arr[i].image,
heading = arr[i].heading,
text = arr[i].text;
// Do stuff with variables
}
for(变量i=0;i
顺便说一句,这是一个对象数组。我想这是从控制台或类似设备打印出来的?因为它不是一个有效的对象Literal,您可以不使用$each(对象列表,函数(索引,obj){
来获取每个对象,然后对于每个对象,您可以访问obj.image
,obj.heading
,obj.text
?是的,它的控制台输出我的对象是这样的[{“image”:“images/item-1.png”,“heading”:“职业”、“文字”:“Lorem ipsum Door sit amet,Concertetur Adipising Elite.”,{“图像”:“图像/项目-2.png”,“标题”:“联系我们”,“文字”:“Morbi tincidunt commodo scelerisque.”,{“图像”:“图像/项目-3.png”,“标题”:“关于我们”,“文字”:“Duis porttitor diam vitae leo Element um accumsan.”我的代码如下//Featcing all Information$.getJSON(“javascript/mobile.json”,function(data){console.log();//var image=$(data[image]);$。每个(data,function(i,e){console.log('image='+i);});});顺便说一句,这是一个对象数组。我想这是从控制台或类似设备打印出来的?因为它不是一个有效的对象文字。您可以不使用$。每个(ListoObjects,function(index,obj){
要获取每个对象,然后对于其中的每个对象,您可以访问obj.image
,obj.heading
,obj.text
?是的,它是一个控制台输出。我的对象如下[{“image”:“images/item-1.png”,“heading”:“Careers”,“text”:“Lorem ipsum dolor site,concetetur adipsum dolor site,concetetur adivising elit.”,{“image”:images/item-2.png,“heading:“Contact Us”,“text:“Morbi tincidunt commodo scelerisque.”,{“image:“images/item-3.png”,“heading:“About Us”,“text:“Duis porttitor diam vita leo element um acumsan.”]我的代码是这样的//为所有信息$.getJSON(“javascript/mobile.json”,函数(数据){console.log();//var image=$(数据[image]);$.each(数据,函数(i,e){console.log('image='+i);});});