Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.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 从对象中提取值_Javascript_Jquery - Fatal编程技术网

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);});});