腳本之家服務器常用軟件

快捷導航

JavaScript學習筆記整理之引用類型

更新時間：2016年01月22日 09:47:32 作者：煎餅果子多放蔥

引用類型是JavaScript中很重要的內容，通過本文給大家介紹JavaScript學習筆記整理之引用類型，對js引用類型相關知識感興趣的朋友一起學習吧

引用類型是JavaScript中很重要的內容。引用類型是一種數據結構，用于將數據和功能組織在一起。它描述的是一類對象所具有的屬性和方法。Object是一個基礎類型，Array是數組類型，Date是日期類型，RegExp是正則表達式類型，等。

擁抱JavaScript

曾經名不經傳的JavaScript隨著AJAX的流行而身價倍增，現在JavaScript不再僅僅是WEB開發(fā)中一個可有可無的輔助工具，甚至有了專門屬于它的職位“JavaScript工程師”，那怕你僅僅是一名WEB后臺開發(fā)程序員，你都必須了解JavaScript，至少在一些相關招聘職位要求上你可以看到“熟悉JavaScript優(yōu)先”的字眼。甚至我還要告訴你，你將可以用JavaScript開發(fā)桌面軟件，這得益于Adobe AIR的另外一種開發(fā)模式，即用HTML+CSS+JavaScript開發(fā)AIR。

1.Object類型

1. 創(chuàng)建：

var dog = new Object();

常應用于存儲和傳輸數據。比如存儲：

var person = new Object();
person.name = "Nicholas";
person.age = 29;

創(chuàng)建的第二種方式：（在創(chuàng)建時，屬性名也可以是字符串格式，即：可以給屬性名加引號。）

var person = {
name : "Nicholas",
age : 29
};

2.取出屬性值：person["name"];或者：person.name;

2.Array類型

同一個數組可以保存任意類型的數據（大雜燴）。

1.數組可以動態(tài)調整（多加一個數據，它自己就增長一個長度，不是死的。）。

2.創(chuàng)建：

var stars=new Array();//方式1
var stars=new Array(20);//方式2
var stars=new Array("周杰倫","林俊杰","孫燕姿");//方式3
var stars=Array(20);//方式4
var stars=["周杰倫","孫燕姿","林俊杰"];//方式6

3.動態(tài)調整示例：

var stars=["周杰倫","林俊杰","孫燕姿"];
stars[1]="JJ";//動態(tài)改變（把林俊杰變?yōu)镴J）
stars[3]="皮褲汪";//動態(tài)增長(加了一個長度)
stars.length=1;//動態(tài)強制縮減(林俊杰、孫燕姿、皮褲汪強制移除，長度變?yōu)?)

4.檢測數組：Array.isArray(value);

5.用join()把數組轉換成有分隔符的字符串：

var stars = ["周杰倫", "王尼瑪", "張全蛋"];
alert(stars .join(",")); //周杰倫,王尼瑪,張全蛋
alert(stars .join("-")); //周杰倫-王尼瑪-張全蛋

6.可以像棧一樣使用數組（pop()出來，push()進去）。

7.可以像隊列一樣使用數組。(結合shift()和push()):

var stars = new Array(); //create an array
var count = colors.push("周杰倫", "王尼瑪"); //push two items
alert(count); //2
count = stars .push("張全蛋"); //push another item on
alert(count); //3
var item = colors.shift(); //get the first item
alert(item); //周杰倫
alert(colors.length); //2
/**所謂棧變隊列，其實就是把棧顛倒過來再拉取*/

8.排序。

1.reverse()翻轉數組順序；（返回經過排序后的數組）

2.sort()從小到大排序。但是是按字符串排序，不是按數字排序：（返回經過排序后的數組）。

var values = [, , , , ];
values.sort();
alert(values); //,,,,

要想按你預期的方式排序，可以給sort()里面加一個比較函數當作參數：

function compare(value, value) {
if (value < value) {
return -;
} else if (value > value) {
return ;
} else {
return ;
}
}
var values = [, , , , ];
values.sort(compare);
alert(values); //,,,,

簡化版本的比較函數(sort只關心返回的是正數、負數還是0)：

function compare(value1,value2){
return value2 - value1; 
}

9.對數組的操作：聯結、切片、拼接。

1.聯結：使用concat，記憶：concat-->concatenate：連結，連鎖。

舉例：

var stars = ["周杰倫", "王尼瑪", "張全蛋"];
var stars = stars .concat("太子妃", ["花千骨", "梅長蘇"]);
alert(stars); //周杰倫,王尼瑪,張全蛋 
alert(stars); //周杰倫,王尼瑪,張全蛋,太子妃,花千骨,梅長蘇

2.切片。使用slice，記憶：slice翻譯：切片。舉例：

var stars = ["梅長蘇", "譽王", "靖王", "霓凰", "飛流"];
var stars= stars.slice();
var stars= stars.slice(,);
alert(stars); //譽王,靖王,霓凰,飛流（從第一個位置開始切）
alert(stars); //譽王,靖王,霓凰（從第個位置切到第個位置，表示半封閉，不包含）

3.拼接。splice。功能強大?？梢詣h除、插入、替換。

1.刪除任意數量的項：比如：splice(0,2),刪除第0,1項（半封閉區(qū)間）（返回刪除項）。

2.指定位置插入任意數量的項：比如：splice(2,0,"周杰倫","王尼瑪")，從第2個位置開始插入周杰倫、王尼瑪兩項。

3.指定位置插入任意數量的項且同時刪除任意數量的項。比如：splice(2,1,"周杰倫","王尼瑪")，從第2個位置刪除1項，然后開始插入周杰倫、王尼瑪兩項。

10.位置方法：indexOf,lastIndexOf;

11.迭代方法：分為：全部合格才通過、任意一個合格就通過、過濾部分渣渣，一對一映射，迭代查詢，縮減。

1.全部合格才通過：

var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.every(function(item, index, array){
return (item > 2);
});
alert(everyResult); //false

上例中每一項都大于2才返回true。

2.任意一個合格就通過：

var numbers = [1,2,3,4,5,4,3,2,1];
var someResult = numbers.some(function(item, index, array){
return (item > 2);
});
alert(someResult); //true

上例中，有一個大于2就返回true。

3.過濾部分渣渣：

var numbers = [1,2,3,4,5,4,3,2,1];
var filterResult = numbers.filter(function(item, index, array){
return (item > 2);
});
alert(filterResult); //[3,4,5,4,3]

上例中，把大于2的都過濾掉。

4.一對一映射：

var numbers = [1,2,3,4,5,4,3,2,1];
var mapResult = numbers.map(function(item, index, array){
return item * 2;
});
alert(mapResult); //[2,4,6,8,10,8,6,4,2]

上例中，給每一項都乘以2.

5.迭代：使用for-each。

6.縮減：reduce。

var values = [1,2,3,4,5];
var sum = values.reduce(function(prev, cur, index, array){
return prev + cur;
});
alert(sum);//15

累加求和返回，5項縮為1項?！?br />

3.RegExp類型

1.var expression=/ pattern / flags;

2.flags分三種：g（global全局模式，應用于所有字符串）、i（case-insensive，忽略字母大小寫）、m（multiline，多行模式，一行檢驗完了接著下一行。）。舉例：

/**匹配字符串中所有'at'的實例*/
var pattern1=/at/g;
/**匹配第一個'bat'或'cat'，不分大小寫*/
var pattern2 =/[bc]at/i;
/**匹配所有以'at'結尾的3個字符組合，不分大小寫*/
var pattern3=/.at/gi;

3.模式中所有的元字符必須轉義，元字符：( { [ \ ^ $ | ) ? * + . ] }

4.Function類型

1.每個函數都是Function類型的實例，而且與其他引用類型一樣，都有屬性和方法。

2.函數的兩種定義方法：

方法1：

function sum(a,b){
return a + b; 
}

方法2：

var sum=function(a,b){
return a + b;
}

3.函數沒有重載。

5.Boolean、Number、String：基本包裝類型

var a="Jay Chou is a superstar";
var b=a.substring(0,8);

上例中，a是基本類型，但是a可以調用substring方法，是因為，后臺自動完成a的包裝操作，創(chuàng)建String類型的一個實例。Boolean，Number也類似。

6.單體內置對象，不需要實例化，直接使用，如：Math，Global。

1.所有全局作用域中定義的函數、變量，都是Global對象的方法，比如：parseInt，isNaN等。

2.eval()方法也是Global對象的方法，它負責解析javascript。

3.Math對象是保存數學公式和相關信息的。它有很多方法，如：min求最小值，max求最大值，ceil()向上取整，floor向下取整，round四舍五入，random取隨機數。

ps：引用類型理解：變量的交換等于把現有一間店的鑰匙（變量引用地址）復制一把給了另外一個老板，此時兩個老板同時管理一間店，兩個老板的行為都有可能對一間店的運營造成影響。

引用類型例子

function chainStore()
{
var store1=['Nike China'];
var store2=store1;
alert(store2[0]); //Nike China
store1[0]='Nike U.S.A.';
alert(store2[0]); //Nike U.S.A.
}
chainStore();
//在上面的代碼中，store2只進行了一次賦值，理論上它的值已定，但后面通過改寫store1的值，發(fā)現store2的值也發(fā)生了改變，這正是引用類型的特征，也是我們要注意的地方

您可能感興趣的文章: