Question

我从json文件上传数组。每1.5秒我检查文件是否有任何变化（目前我在一个文件上测试没有任何变化），但当我检查是否

    if ( this.itemsParentArray[i] !== this.itemInArray[i] )

它总是表明它不相等，而且console.log（＆＃34;＆＃34;不等于＆＃34;）

我是否错过了代码中的内容？这是：

export class HomeComponent {
itemsParentArray = [];
itemInArray = [];
myRes: Content;
showAssigned:boolean = false;

constructor(private structureRequest: StructureRequestService) {
    setInterval(() => {
        this.timerGetStructure();
    }, 1500);
}
//  using with setInterval to get new data and sets into content Array with this.updateItems(result) if it's new

timerGetStructure() {
    this.structureRequest.sendRequest().subscribe((result) => this.updateItems(result));
}
updateItems(result) {
    this.myRes =  result;
    this.itemInArray = this.myRes.content;
    for ( let i = 0; i < this.itemInArray.length; i++) {
                if ( this.itemsParentArray[i] !== this.itemInArray[i] ) {
                   // this.itemsParentArray[i] = this.itemInArray[i];
                   console.log("not equal");
                }
            }
}

//
ngOnInit() {
    //makes http request and puts result into parentArray after 3 sec.
    this.structureRequest.sendRequest().subscribe((result) => this.viewNodes(result));
}
//view items
viewNodes(result) {
    setTimeout(() => {
        this.myRes =  result;
        this.itemsParentArray = this.myRes.content;
        this.showAssigned = true;
    }, 3000);
}
}

如您所见，它从同一个文件加载数据（我不会更改文件数据!!!）：

this.itemsParentArray = this.myRes.content;

和（每1.5秒）：

this.itemInArray = this.myRes.content;

Answer 1

==，尤其是===，请勿检查对象是否包含具有相同值的相同属性。它只是检查它是否是相同的对象引用。

{} == {}

或

{} === {}

也会产生false。

另请参阅Typescript: Avoid comparison by reference和How do I initialize a typescript object with a JSON object

Plunker example

Answer 2

对于我比较Angular 2/4中的两个对象，我试过下面的代码。这完全奏效了。

JSON.stringify（obj1）=== JSON.stringify（obj2）;

Answer 3

我在TypeScript中编写了这个辅助函数：

export class Helper {
    private _recursiveProperties: string[] = ['RecursiveProperty', ...];

    public equals(obj1: any, obj2: any): boolean {
        if (typeof obj1 !== typeof obj2) {
            return false;
        }
        if ((obj1 === undefined && obj2 !== undefined) ||
            (obj2 === undefined && obj1 !== undefined) ||
            (obj1 === null && obj2 !== null) ||
            (obj2 === null && obj1 !== null)) {
            return false;
        }
        if (typeof obj1 === 'object') {
            if (Array.isArray(obj1)) {
                if (!Array.isArray(obj2) || obj1.length !== obj2.length) {
                    return false;
                }
                for (let i = 0; i < obj1.length; i++) {
                    if (!this.equals(obj1[i], obj2[i])) {
                        return false;
                    }
                }
            } else {
                for (let prop in obj1) {
                    if (obj1.hasOwnProperty(prop)) {
                        if (!obj2.hasOwnProperty(prop)) {
                            return false;
                        }
                        //Endless loop fix for recursive properties
                        if (this._recursiveProperties.indexOf(prop) >= 0) {
                            if (obj1[prop] !== obj2[prop]) {
                                return false;
                            }
                        } else if (!this.equals(obj1[prop], obj2[prop])) {
                            return false;
                        }
                    }
                }
                for (let prop in obj2) {
                    if (obj2.hasOwnProperty(prop)) {
                        if (!obj1.hasOwnProperty(prop)) {
                            return false;
                        }
                    }
                }
            }
            return true;
        }
        return obj1 === obj2;
    }
}

其中_recursiveProperties包含导致无限循环的（如果有）属性的名称。例如。我有一个对象（obj1），其中包含对另一个对象（obj2）的引用，该对象又包含对obj1的引用。

如果有人有更好的解决方案，请发表评论。

然后用法：

let helper = new Helper();
if (helper.equals(this.itemsParentArray[i], this.itemInArray[i]))

为什么两个相等的对象显示不等于＆＃34;在Angular 2中

3 个答案: