js的原始值(undefined、null、布尔值、数字、字符串)和对象(包括数组和函数)有根本区别:
原始值是不可更改的,任何方法都无法更改一个原始值,对数字和布尔值很明显,改变数字的值本身说不通;
字符串看起来像由组成的数组,我们希望通过指定索引来修改字符串中的字符,但js禁止这样做,字符串中的所有方法,看上去是返回了一个修改后的字符串,实际上返回的是一个新的字符串值。
var str = "hello world";
console.log("str.toUpperCase() 返回的结果是:" + str.toUpperCase()); // str.toUpperCase() 返回的结果是:HELLO WORLD
console.log("str.toUpperCase() 执行以后,str的值是:" + str); // str.toUpperCase() 执行以后,str的值是:hello world
可以看到,str值并没有改变,而是返回了新的字符串。
原始值的比较,是值的比较,只有他们在值相等时才相等。
对象和原始值不同:
(1)对象是可变的,他们的值时可以修改的。
var obj = { x:1 }; // 定义了一个对象,该对象有一个属性x,并且属性x的值时1
obj.x = 2; // 修改属性x的值,从而改变了对象
obj.y = 3; // 为对象增加新的属性,改变了对象
console.log(obj); // {x: 2, y: 3}var arr = [1,2,3]; // 定义了一个数组,并且为其赋值[1,2,3]
arr[0] = 5; // 修改数组的第一个元素
arr[arr.length] = 10; // 为数组添加新的元素
console.log(arr); // (4) [5, 2, 3, 10]
(2)对象的比较并非值的比较:即使两个对象包含相同的属性,相同的值,他们也是不相等的。数组的各个索引元素相同,两个数组也不相等。
var obj1 = { x:1 };
var obj2 = { x:1 };
console.log(obj1 == obj2); // false
console.log(obj1 === obj2); // false 两个单独的对象永不相等var arr1 = [1,2,3];
var arr2 = [1,2,3];
console.log(arr1 == arr2); // false
console.log(arr1 === arr2); // false 两个单独的数组永不相等
我们通常将对象称为引用类型(reference type),对象的值都是引用,对象的比较均是引用的比较,当且仅当他们引用同一个基对象时,他们才相等。
var obj1 = { x:1 };
var obj2 = obj1;
obj2.x = 10;
obj2.y = 20;
console.log(obj1 == obj2); // true
console.log(obj1 === obj2); // true
console.log(obj1.x); // 10
console.log(obj1.y); // 20var arr1 = [1,2,3];
var arr2 = arr1;
arr2[0] = 5;
console.log(arr1 == arr2); // true
console.log(arr1 === arr2); // true
console.log(arr1[0]); // 5
从上面代码可以看到:将对象或数组赋值给一个变量,仅仅是赋值的引用值,对象本身并没有被复制一次,如果你想得到一个对象或者数组的副本,则必须显示的复制对象的每个属性或者数组的每个元素。
var obj1 = { x:1 };
var obj2 = {};
for(var key in obj1) {
obj2[key] = obj1[key];
}
console.log(obj1); // {x: 1}
console.log(obj2); // {x: 1}
console.log(obj1 == obj2); // falsevar arr1 = [1,2,3];
var arr2 = [];
for(var i = 0, j = arr1.length; i < j; i++) {
arr2[i] = arr1[i];
}
console.log(arr1); // [1, 2, 3]
console.log(arr2); // [1, 2, 3]
console.log(arr1 == arr2); // false
(3)如果我们要比较两个单独对象或者数组是否相等,我们就必须比较他们的属性或者元素。
看下面示例:以数组举例,对象比较思路是一样的
var arr1 = [1,2,3];
var arr2 = [];
console.log(equalArray(arr1, arr2));
arr2 = [1,2,3];
console.log(equalArray(arr1, arr2));function equalArray(a, b) {
if(isNull(a) && isNull(b)) return true;
if((isNull(a) && !isNull(b)) || (!isNull(a) && isNull(b))) return false;
if(a.length != b.length) return false;for(var i = 0, j = a.length; i < j; i++) {
if(a[i] != b[i])
return false;
}
return true;
}function isNull(obj) {
return obj == null || typeof(obj) == "undefined";
}