Javascript循环对象数组

嗨，我试图从一个循环中获取数据，我写这个循环是为了通过一个对象，从那里获取一些数据

我的物体看起来像这样

    { 
id:12, 
cities:[london, lisbon, berlin],
images[{id:1, image_urls:abc,},{id:2, image_url:bcd}, {id:3, image_url: cde}], 
status: "published"

}

我编写的函数是从该对象获取图像url数据：

 imagesUrlFunction() {
    console.log("array Length");
    console.log(this.images.length);
    let keys = this.images.length;

    for (let n = 0; n < keys; n++) {
      this.imagesUrls = this.images[n].image_url;

      console.log("imageUrlMedia Var");
      console.log(this.imagesUrls);
      // console.log(this.images[n]);
    }
  }

imagesUrlFunction（）{
log（“数组长度”）；
log（this.images.length）；
让keys=this.images.length；
for（设n=0；n

当我控制台记录this.imagesUrls时，我可以获得我的数据，这就是我的url，因为它在循环中，我可以获得所有url，或者至少控制台记录所有url

我的问题是我想把它放到一个对象中，这样我就可以把它和一个*ngFor指令一起使用，但是我不能。 我试图创建一个空对象并为其指定imagesUrls，但没有成功

有人能帮忙吗

---

感谢您的耐心，我只是一个javascript新手，并在这方面进行自我教育。

在组件中声明变量

var images: any[];

ngOnInit(){

    var obj // Logic of get object 

    this.images = obj.images;
}

在视图中使用

images

var

<div *ngFor="let img of images">
    {{img.image_url}}
</div>

{{img.image_url}

在组件中声明变量

var images: any[];

ngOnInit(){

    var obj // Logic of get object 

    this.images = obj.images;
}

在视图中使用

images

var

<div *ngFor="let img of images">
    {{img.image_url}}
</div>

{{img.image_url}

在component.ts中，添加

response = {};

this.response =  { 
id:12, 
cities:[london, lisbon, berlin],
images:[{id:1, image_urls:abc,},{id:2, image_url:bcd}, {id:3, image_url: cde}], 
status: "published"

}

在您的component.html中 （如果您正在使用li，或根据需要使用任何li）

在component.ts中，添加

response = {};

this.response =  { 
id:12, 
cities:[london, lisbon, berlin],
images:[{id:1, image_urls:abc,},{id:2, image_url:bcd}, {id:3, image_url: cde}], 
status: "published"

}

在您的component.html中 （如果您正在使用li，或根据需要使用任何li）

根据我的理解，您主要是尝试创建一个图像URL数组，您只需使用

array.map（）

即可：

var obj={
id:12，
城市：[“伦敦”、“里斯本”、“柏林”]，
图像：[{id:1，图像url:“abc”}，{id:2，图像url:“bcd”}，{id:3，图像url:“cde”}]，
状态：“已发布”
};
var result=obj.images.map（（a）=>a.image\u url）；
控制台日志（结果）根据我的理解，您主要是尝试创建一个图像URL数组，您只需使用
array.map（）
即可：


var obj={
id:12，
城市：[“伦敦”、“里斯本”、“柏林”]，
图像：[{id:1，图像url:“abc”}，{id:2，图像url:“bcd”}，{id:3，图像url:“cde”}]，
状态：“已发布”
};
var result=obj.images.map（（a）=>a.image\u url）；
控制台日志（结果）按对象你的意思是你想把URL自己放在一个数组中吗？如果没有，请举例说明您希望输出的内容。您的对象在语法上被破坏。数组中的第一个对象具有属性
image\u url
，其他对象具有属性
image\u url
。我假设第一个结尾处的
s
只是一个输入错误，但您可能需要修复它；）通过对象，您的意思是要将URL本身放入一个数组中吗？如果没有，请举例说明您希望输出的内容。您的对象在语法上被破坏。数组中的第一个对象具有属性
image\u url
，其他对象具有属性
image\u url
。我假设第一个结尾处的
s
只是一个输入错误，但您可能需要修复它；）