【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

 

posted @ 2015-12-29 10:05  178mz  阅读(1072)  评论(0编辑  收藏  举报