【问题标题】:How to access the last element of a reverse array?如何访问反向数组的最后一个元素?
【发布时间】:2022-01-22 06:10:13
【问题描述】:

如果我有一个在 REVERSE 中列出的当前数组,只需在 html 中更改它正在迭代索引的位置:

arrayName.length - i - 1

我怎样才能访问元素的最后一个数组???下面是我尝试过的语句行,但由于我们正在遍历索引(通过每次迭代获取 console.log 值)而失败。

arrayName.length - 1 === i

【问题讨论】:

  • 你能分享一些代码吗?似乎这可以通过多种方式完成,具体取决于您在模板中迭代的方式。
  • 你为什么要=== i ??
  • 因为我只希望console.log的结果在数组总长度等于索引时显示出来。

标签: html arrays angular typescript


【解决方案1】:

我认为访问 .html 中数组中最后一个元素的最简单方法是: *ngFor="let item of items; let last = last"

【讨论】:

    【解决方案2】:

    你可以这样做:

    HTML

    <div *ngFor="let item of reverseArray, let i = index">
     {{ 'index: '+ i }} {{ i === reverseArray.length -1 ? 'Last element of the reverse array: "' + item + '"' : '"' + item + '"'  }}
    </div>
    

    TS:

    import { Component, VERSION } from '@angular/core';
    
    @Component({
      selector: 'my-app',
      templateUrl: './app.component.html',
      styleUrls: [ './app.component.css' ]
    })
    export class AppComponent  {
    
      arrayName = [ 11, 89, 23, 7, 98 ];
      reverseArray = [...this.arrayName].reverse();
    
      constructor() {
        console.log(this.reverseArray);  
      }
     
    }
    

    输出:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-09-25
      • 2010-09-14
      • 1970-01-01
      • 2022-06-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多