【JavaScript 从零开始】 原始值和对象引用、类型转换
JavaScript 中的原始值(undefined、null 、 布尔值、数值和字符串)于对象(包括数组和函数)有着根本区别。
原始值是不可更改的:任何方法都无法改变(或“突变”)一个原始值。
对于数字和布尔值来说显然如此-----改变数字的值本身就说不通,而对字符串来说就不那么明显了,
因为字符串看起来是有字符组成的数组,我们期望可以通过指定索引来修改字符串中的字符。
实际上,JavaScript是禁止这样做的。
字符串中所有的方法看上去返回了一个修改后的字符串,实际上返回的是一个新的字符串值。
例如:
var s = "hello"; //定义一个有小写字母组成的文本 s.toUpperCase(); //返回“HELLO”,但并没有改变s的值 s //=>"hello": 原来字符串的值并未改变
比较
原始值得比较是值得比较:只有在它们的值相等时它们才相等。
如果比较两个单独的字符串,当且仅当它们的长度相等且每个索引的字符都相等时,JavaScript才认为它们相等。
对象和原始值不同。首先,它们是可变的 -----它们的值是可修改的:
var o ={x:1}; //定义一个对象 o.x=2; //通过修改对象属性值来修改对象 o.y=3; //再次修改这个对象,给它增加一个新属性 var a = [1,2,3]; //数组也可修改的 a[0]=0; //修改数组的一个元素 a[3]=4; //给数组增加一个新元素
对象的比较并非值得比较:即使两个对象包含同样的属性及相同的值,它们也不是相等的。
各个索引元素完全相等的数组也不相等。
var o = {x:1}, p = {x: 1}; //具有相同属性的两个对象 o===p; //=>false : 两个单独的对象永不相等 var a= [] , b = []; //两个单独的空数组 a===b; //=>false : 两个单独的数组永不相等
注:a==b 也是false
我们通常将对象称为引用类型(reference type),以此来和JavaScript的基本类型区分开来。
依照术语的叫法,对象都是引用(reference),对象的比较均是引用的比较:当且仅当它们引用同一个基对象时,它们才相等。
var a = []; //定义一个引用空数组的变量a var b= a; //变量b引用同一个数组 b[0]=1; //通过变量b 来修改引用的数组 a[0] //=> 1 : 变量a 也回修改 a===b //=> true : a和b引用同一个数组,因此相等 a==b //=> true : a和b引用同一个数组,因此相等
就像你刚刚看到的如上代码,将对象或数组复制给一个变量,激进是复制的引用值:对象本身并有复制一次。
如果你想得带一个对象或数组的副本,则必须显示复制对象的每一个属性或数组的每个元素。
下面这个例子通过循环完成数组的复制(深拷贝数组):
var a = ['a','b','c']; //待复制的数组 var b= []; //复制到的目标空数组 for (var i = 0; i<a.length ; i++) // 遍历a[]中的每个元素 { b[i]=a[i] //强元素之复制到b中 }
下面是一个, 深拷贝一个方法(深拷贝对象)
function cloneObject(obj) { var clone = {}; for(var i in obj) { if(typeof(obj[i])=="object" && obj[i] != null) clone[i] = cloneObject(obj[i]); else clone[i] = obj[i]; } return clone; } //此方法用到了 递归,不清楚的请自行百度一下
//深拷贝的另外两种方法 //使用原型 function object(o) { function F() {} F.prototype = o; return new F(); } var newObject = object(oldObject); //通过JSON var newObject = JSON.parse(JSON.stringify(oldObject));
类型转换
JavaScript 中的取值类型非常灵活,我们已经从布尔值看到了这一点:
当JavaScript 期望使用一个布尔值的时候,你可以提供任意类型值,JavaScript 将根据需要自行转换类型。
一些值(真值)转换为 true,其他值(假值)转换为 false.
在其他类型中同样适用:
如果JavaScript 期望使用一个字符串,它吧给定的值将转换为字符串。
如果JavaScript 期望使用一个数字,他就把给定的值将转换为数字。(如果转换结果无意义,将返回NaN)
一些例子:
10 + " object" ; //=>"10 object": 数字10将成字符串 "7" * "4" ; //=>28 : 两个字符串均转换为数字 var n= 1- "x" ; //=>NaN : 字符串“x”无法转换为数字 n+" object" //=>“NaN object ” : NaN转换为字符串“NaN”
下表 简要说明了JavaScript 中如何进行类型转换的。
转换和相等性
由于JavaScript可以灵活的类型转换,因此其“==” 相等运算符也随相等的含义灵活多变。
例如 ,如下这些比较结果均是 true:
null == undefined //这两个值被认为相等 "0" == 0 //比较前字符串转换成数字 0 == false //比较前布尔值转换成数字 "0" == false //比较前字符串和布尔值都转换成数字
“==” 等于运算符在判断两个值是否相等时做了类型转换(之后会详解)
“===” 恒等运算符在判断两个值是否相等时并未做任何类型转换。
1、对于string,number等基础类型(原始值),==和===是有区别的 1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等 2)同类型比较,直接进行“值”比较,两者结果一样 2、对于Array,Object等高级类型(对象引用),==和===是没有区别的 进行“指针地址”比较 3、基础类型(原始值)与高级类型(对象引用),==和===是有区别的 1)对于==,将高级转化为基础类型,进行“值”比较 2)因为类型不同,===结果为false