国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript-原生Array對象方法詳解(一)

ls0609 / 2813人閱讀

摘要:元素是通過指定的分隔符進行分隔的。注意該方法會改變原來的數組當不帶參數調用時,數組元素按照字母表排序必要時臨時轉換為字符串比較。方法用于刪除并返回數組的最后一個元素。如果數組已經為空,則不改變數組,并返回值。返回值的本地字符串表示。

1、join()

join() 方法用于把數組中的所有元素轉換為一個字符串。元素是通過指定的分隔符進行分隔的。
arrayObject.join(separator)參數代表分隔符,是可選的。如果不傳參數,默認逗號。

注意返回值是字符串,不是數組。
注意:該方法不會改變原數組。

var arr = [1, 2, 3, 4, 7, 9, 6];
arr.join(); // "1,2,3,4,7,9,6"
arr.join(" "); // "1 2 3 4 7 9 6"
arr.join(""); //"1234796"
var a = new Array(10); //長度為10的空數組
a.join("*"); //"*********";9個*符號組成的字符串

join()方法是String.split()方法的逆向操作,后者是將字符串分割成若干塊來創建一個數組。

2、sort()

sort() 方法用于對數組的元素進行排序并返回排序后的數組。

注意:該方法會改變原來的數組

當不帶參數調用時,數組元素按照字母表排序(必要時臨時轉換為字符串比較)。

//字母表順序排序
var a = [1, 2, 3, 4, 7, 9, 6];
a.sort() //[1, 2, 3, 4, 6, 7, 9];

//字母表順序排序
var b = [33, 222, 4, 1111, 5555];
b.sort() //[1111, 222, 33, 4, 5555]

//字母表順序排序
var c = ["c", "ab", "cd", "a", "f"];
c.sort() //["a", "ab", "c", "cd", "f"]

//字母表順序排序,如有大寫,大寫在前,小寫在后
var d = ["a", "Ah", "D", "bcc"];
d.sort() //["Ah", "D", "a", "bcc"]

//如果數組有""元素,它們會排在數組的頭部
var e = ["a", "Ah", "D", "bcc", "", ""];
e.sort() //["", "", "Ah", "D", "a", "bcc"]

//如果數組包含undefined元素,它們會排在數組的尾部

為了按照其他方式而非字母表順序進行數組排序,必修給sort()傳遞一個比較函數作為參數。該函數決定了它的兩個參數在數組中的排序。返回負數,第一個參數在前。反之,返回正數,第一個參數在后。如果返回0,也就是說排序無關緊要。

var b = [33, 222, 4, 1111, 5555];
b.sort() //[1111, 222, 33, 4, 5555]; 字母表順序
b.sort(function(a, b) {
    return a - b;
}); //[4, 33, 222, 1111, 5555];  數值順序

var d = ["a", "Ah", "D", "bcc"];
d.sort() //["Ah", "D", "a", "bcc"]  區分大小寫
d.sort(function(f, g) {
    var x = f.toLowerCase(); //都轉換為小寫
    var y = g.toLowerCase(); //都轉換為小寫
    if (x < y) return -1;
    if (x > y) return 1;
}); //["a", "Ah", "bcc", "D"] 不區分大小寫

注意,這里使用匿名函數表達式非常方便。既然函數只使用一次,就沒必要給它命名了。

3、reverse()

everse() 方法用于顛倒數組中元素的順序,返回逆序的數組。

注意:該方法會改變原來的數組

reverse()是sort()的逆序版,reverse()的詳細排序行為請參見上文 sort() 方法的解釋。

var b = [33, 222, 4, 1111, 5555];
b.sort(); //[1111, 222, 33, 4, 5555] 正排序
b.reverse(); //[5555, 1111, 4, 222, 33] 逆排序
4、push()

push() 方法可向數組的末尾添加一個或多個元素,并返回新的長度,也就是添加元素后的數組長度。

注意:該方法會改變原來的數組

arrayObject.push(newelement1, newelement2, …., newelementX)

push()方法最少要有一個參數。push() 方法可把它的參數順序添加到 arrayObject 的尾部。push() 方法和 pop() 方法使用數組提供的先進后出棧的功能。

注意:push()方法中的參數不管是什么類型(數組、對象等),一個參數將會被作為一個整體元素插入 arrayObject 的尾部,不做拆分,詳見示例。

var a = ["a","b"];

var b = {
  name: "Tom"
};

var c = [1,2,3];

console.log(a); // ["a", "b"]
console.log(a.push(b)); //3
console.log(a);
/*["a", "b", [object Object] {
  name: "Tom"
}]*/
console.log(a.push(c));
console.log(a); //4
/*["a", "b", [object Object] {
  name: "Tom"
}, [1, 2, 3]]*/
5、pop()

pop() 方法用于刪除并返回數組的最后一個元素。

注意:該方法會改變原來的數組

pop() 方法將改變數組(刪除數組的最后一個元素,把數組長度減 1),并且返回它刪除的元素的值。如果數組已經為空,則 pop() 不改變數組,并返回 undefined 值。

var arr = ["George", "John", "Thomas"];
console.log(arr.pop());  // "Thomas"
console.log(arr);  / /["George", "John"];
console.log(arr.pop()); //"John"
console.log(arr); // ["George"]
console.log(arr.pop()); //"George"
console.log(arr); //[]
console.log(arr.pop()); //undefined
console.log(arr); //[]
6、unshift()

unshift() 方法可向數組的開頭添加一個或更多元素,并返回新的長度。

注意:該方法會改變原來的數組

arrayObject.unshift(newelement1, newelement2, …., newelementX)

參數newelement1……X至少要有一個。unshift() 方法將把它的參數插入 arrayObject 的頭部,并將已經存在的元素順次地移到較高的下標處,以便留出空間。該方法的第一個參數將成為數組的新元素 0,如果還有第二個參數,它將成為新的元素 1,以此類推。

在IE6與IE7中,unshift()會返回 underfined!

var arr = ["George", "John", "Thomas"];
console.log(arr.unshift("William")); //4
console.log(arr.unshift("Tom", "Jerry")); //6
console.log(arr); //["Tom", "Jerry", "William", "George", "John", "Thomas"]
7、shift()

shift() 方法用于把數組的第一個元素從其中刪除,并返回第一個元素的值。

如果數組是空的,那么 shift() 方法將不進行任何操作,返回 undefined 值。
注意:該方法會改變原來的數組

var arr = ["George", "John", "Thomas"];
console.log(arr.shift()); //"George"
console.log(arr); //["John", "Thomas"]
console.log(arr.shift()); //"John"
console.log(arr); //["Thomas"]
console.log(arr.shift()); //"Thomas"
console.log(arr); //[]
console.log(arr.shift()); //undefined
8、contact()

concat() 方法用于連接兩個或多個數組。

該方法不會改變現有的數組,而僅僅會返回被連接數組的一個副本。

注意:參數是必需的。可以是具體的值,也可以是數組對象,可以是任意多個。如果參數是元素,則拼接元素。如果參數是數組,則拼接數組中的元素,并非數組本身。

var a = [1,2,3];
var b = a.concat(4,5);
var c = a.concat(4,5,[6,7],8,"123");

console.log(a);  //[1, 2, 3]
console.log(b);  //[1, 2, 3, 4, 5]
console.log(c);  //[1, 2, 3, 4, 5, 6, 7, 8, "123"]
9、slice()

slice() 方法可從已有的數組中返回選定的元素,一個片段或一個子數組。

注意,該方法并不會修改數組,方法會返回一個新的數組,包含從 start 到 end (不包括該元素)的 arrayObject 中的元素。

arrayObject.slice(start, end)參數start是必需的,規定從何處開始選取,如果是負數,那么它規定從數組尾部開始算起的位置。也就是說,-1 指最后一個元素,-2 指倒數第二個元素,以此類推。

參數end是可選的,規定從何處結束選取,該參數是數組片斷結束處的數組下標。如果沒有指定該參數,那么切分的數組包含從 start 到數組結束的所有元素。如果這個參數是負數,那么它規定的是從數組尾部開始算起的元素。

在使用slice()時,如果參數start超過了數組的起點,則會從數組頭部開始;如果參數end超過了數組的結尾,則會從數組的尾部結束;如果start和end中的范圍不在數組中,或者end小于start,則會返回空數組;如果start和end不為數字,則會進行轉換,轉換失敗的話,start默認為0,end默認為0。詳見示例:

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];
console.log(arr.slice(2,4));      //["Thomas", "James"]
console.log(arr.slice(-3,4));     //["James"]
console.log(arr.slice(-10,4));    //["George", "John", "Thomas", "James"]
console.log(arr.slice(-10,-4));   //["George", "John"]
console.log(arr.slice(4,3));      //[]
console.log(arr.slice(-20,-10));  //[]
console.log(arr.slice("2","4"));  //["Thomas", "James"]
console.log(arr.slice("a","4"));  //["George", "John", "Thomas", "James"]
console.log(arr.slice("a","b"));  //[]
console.log(arr.slice("2a","4a"));//[]
console.log(arr.slice("",""));    //[]
10、splice()

splice() 方法用于插入、刪除或替換數組的元素。

注意:splice()會直接對原數組進行修改。

arrayObject.splice(index, howmany, element1, ….., elementX)
參數index是必需的。規定從何處添加/刪除元素,該參數是開始(包含)插入和(或)刪除的數組元素的下標,必須是數字。

參數howmany是必需的。規定應該刪除多少元素。必須是數字,但可以是 “0″。如果未規定此參數,則刪除從 index 開始到原數組結尾的所有元素。

參數element1…elementX是可選的。規定要添加到數組的新元素,從 index 所指的下標處開始插入。

splice() 方法可刪除從 index 處開始的零個或多個元素,并且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。如果從 arrayObject 中刪除了元素,則返回的是含有被刪除的元素的數組。

請注意slice()和splice()的區別:slice意思是切片,即把數組切出來一段;splice意思是絞接,假如接兩根繩子,需要把原來的繩子切開,然后把新繩子和被切開的舊繩子的兩段拼接在一起。如果想刪除數組中的一段元素,并向數組添加新元素,應該使用方法Array.splice()

注意如果參數index不為數字,則會自動轉換,詳見示例:

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"]
console.log(arr.splice(2, 1)); //["Thomas"]
console.log(arr); //["George", "John", "James", "Adrew", "Martin"]
console.log(arr.splice(2, 2, "William")); //["James", "Adrew"]
console.log(arr); //["George", "John", "William", "Martin"]
console.log(arr.splice(2, 1, "Tom", "Jerry")); //["William"]
console.log(arr); //["George", "John", "Tom", "Jerry", "Martin"]
console.log(arr.splice(2)); //["Tom", "Jerry", "Martin"]
console.log(arr); //["George", "John"]
console.log(arr.splice("2")); //[]
console.log(arr); //["George", "John"]
console.log(arr.splice("a")); //["George", "John"]
console.log(arr); //[]
11、toString()和toLocaleString()

toString() 方法可把數組轉換為字符串,并返回結果。

Array.toString() 相當于 Array.join() ,返回值與沒有參數的 join() 方法返回的字符串相同。
toLocaleString() 把數組轉換為本地字符串。返回值Array 的本地字符串表示。

改變原數組的方法:pop()、push()、reverse()、shift()、sort()、splice()、unshift()

不改變原數組的方法:concat()、join()、slice()、toString()、toLocaleString()

注意:JavaScript里面,沒有好的機制來區別Array和Object,一般可以通過下面的方法來識別數組:

var isArray = function(value){
  return Object.prototype.toString.apply(value) === "[object Array]";
}

Object.prototype.toString對任何變量會永遠返回這樣一個字符串“[object, class]”,而這個class就是JavaScript內嵌對象的構造函數的名字。至于用戶自定義的變量,則class等于object。
因此通過Object.prototype.toString.apply(obj)可以準確的獲取變量數據類型。
通過Object.prototype.toString可以獲得的數據類型包括:Date,Object,String,Number,Boolean,Regexp,Function,undefined,null,Math等。

ECMAScript 5定義了9個新的數組方法,有機會再寫!

以上內容參考:[Feeldesign Studio ](http://www.feeldesignstudio.c...和JavaScript權威指南

謝謝觀看,希望大牛指導,小牛一起進步~

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/82503.html

相關文章

  • JavaScript深入淺出

    摘要:理解的函數基礎要搞好深入淺出原型使用原型模型,雖然這經常被當作缺點提及,但是只要善于運用,其實基于原型的繼承模型比傳統的類繼承還要強大。中文指南基本操作指南二繼續熟悉的幾對方法,包括,,。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。 怎樣使用 this 因為本人屬于偽前端,因此文中只看懂了 8 成左右,希望能夠給大家帶來幫助....(據說是阿里的前端妹子寫的) this 的值到底...

    blair 評論0 收藏0
  • 【連載】前端個人文章整理-從基礎到入門

    摘要:個人前端文章整理從最開始萌生寫文章的想法,到著手開始寫,再到現在已經一年的時間了,由于工作比較忙,更新緩慢,后面還是會繼更新,現將已經寫好的文章整理一個目錄,方便更多的小伙伴去學習。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法,到著手...

    madthumb 評論0 收藏0
  • JavaScript 小知識點

    摘要:比如,構造函數返回的數組都是空位。方法方法方法方法方法方法方法方法對空位的處理則是明確將空位轉為。在這些情況下,迭代器關閉。 原型鏈相關 最詳盡的 JS 原型與原型鏈終極詳解 isNaN() 和 Number.isNaN() 的區別 isNaN() 是 ES1 規范; 是全局方法; 如果參數不是一個 Number 類型,會先嘗試將參數轉化為數值,然后對轉換后的結果進行是否是 Na...

    馬永翠 評論0 收藏0
  • JS中的call、apply、bind方法詳解

    摘要:不能應用下的等方法。首先我們可以通過給目標函數指定作用域來簡單實現方法保存,即調用方法的目標函數考慮到函數柯里化的情況,我們可以構建一個更加健壯的這次的方法可以綁定對象,也支持在綁定的時候傳參。原因是,在中,多次是無效的。 bind 是返回對應函數,便于稍后調用;apply 、call 則是立即調用 。 apply、call 在 javascript 中,call 和 apply 都是...

    zombieda 評論0 收藏0

發表評論

0條評論

ls0609

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<