我从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;
答案 0 :(得分:8)
==
,尤其是===
,请勿检查对象是否包含具有相同值的相同属性。它只是检查它是否是相同的对象引用。
{} == {}
或
{} === {}
也会产生false
。
另请参阅Typescript: Avoid comparison by reference和How do I initialize a typescript object with a JSON object
答案 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]))