javascript - Angular 2+数组分配奇怪的错误？

Question

问题很简单，但我一直没能找到答案。当我尝试将对象数组的一个元素重新分配给另一个符合描述的对象时，没有任何反应，但是当我首先将该元素设置为 null 然后重新分配它时，它起作用了。这是我正在使用的对象列表:

servers = [
{
  instanceType: 'medium',
  name: 'Production',
  status: 'stable',
  started: new Date(15, 1, 2017)
},
{
  instanceType: 'large',
  name: 'User Database',
  status: 'stable',
  started: new Date(15, 1, 2017)
},
{
  instanceType: 'small',
  name: 'Development Server',
  status: 'offline',
  started: new Date(15, 1, 2017)
},
{
  instanceType: 'small',
  name: 'Testing Environment Server',
  status: 'stable',
  started: new Date(15, 1, 2017)
}

];

这是行不通的方法:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'sort'
})
export class SortPipe implements PipeTransform {

  transform(value: any, args?: any): any {
    for (const i of value) {
      for (const j of value.slice(value.indexOf(i) + 1)) {
        if (i.name > j.name) {
          value[value.indexOf(i)] = j;
          value[value.indexOf(j)] = i;
        }
      }
    }
    return value;
  }

}

这是行之有效的方法:

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
  name: 'sort'
})
export class SortPipe implements PipeTransform {

  transform(value: any, args?: any): any {
    for (const i of value) {
      for (const j of value.slice(value.indexOf(i) + 1)) {
        if (i.name > j.name) {
          const index1 = value.indexOf(i);
          const index2 = value.indexOf(j);
          value[index1] = null;
          value[index2] = null;
          value[index1] = j;
          value[index2] = i;
        }
      }
    }
    return value;
  }

}

这不是一个严重的问题，但我现在很好奇为什么它不是以一种方式工作，而是以另一种方式工作。感谢您的宝贵时间!

编辑 1: 将 (i.name[0] > j.name[0]) 更改为 (i.name > j.name) 以保持一致性。两次检查给出了相同的结果。

Answer 1

索引，i.name[0] 它在您实现旧式 for 循环时使用。即 (for(var i=0, i > length, i++)。

但是 for (const i of value) 是一个内置方法，当你调用 i 时它已经有了值。