为什么两个相等的对象显示不等于"在Angular 2中

时间:2016-06-13 08:46:36

标签: angular

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

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

它总是表明它不相等,而且console.log(""不等于")

我是否错过了代码中的内容?这是:

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;

3 个答案:

答案 0 :(得分:8)

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

{} == {} 

{} === {}

也会产生false

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

Plunker example

答案 1 :(得分:3)

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

JSON.stringify(obj1)=== JSON.stringify(obj2);

答案 2 :(得分:2)

我在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]))