成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript常用的數(shù)組方法——ES3

YPHP / 1387人閱讀

摘要：功能將數(shù)組元素通過指定的字符連接成字符串參數(shù)拼接字符串返回值拼接后的字符串注意數(shù)組本身不發(fā)生變化無參數(shù)時(shí)，默認(rèn)用連接用連接功能將數(shù)組元素顛倒順序參數(shù)無注意操作的是數(shù)組本身，數(shù)組元素顛倒功能將數(shù)組元素排序參數(shù)比較函數(shù)注意操作的是數(shù)

join(sep)

功能：將數(shù)組元素通過指定的字符連接成字符串

參數(shù)：

sep:拼接字符串

返回值：拼接后的字符串

注意：數(shù)組本身不發(fā)生變化

var array = [1, 2, 3, 4, 5];

//無參數(shù)時(shí)，默認(rèn)用‘,’連接
var joinStr = array.join();//joinstr: "1,2,3,4,5"

//用‘-’連接
var joinStr1 = array.join("-");//joinStr1: "1-2-3-4-5"

reverse()

功能：將數(shù)組元素顛倒順序

參數(shù)：無

注意：操作的是數(shù)組本身，數(shù)組元素顛倒

var array = [1, 2, 3, 4, 5];

array.reverse();//array: [5,4,3,2,1]

sort(fn)

功能：將數(shù)組元素排序

參數(shù)：

fn(a,b):比較函數(shù)

注意：操作的是數(shù)組本身，數(shù)組元素順序改變

var array = ["a", "e", "b", "d", "c"];

//無參數(shù)時(shí)按照字母表升順排序
array.sort(); //array: ["a","b","c","d","e"]

//當(dāng)參數(shù)是函數(shù)時(shí)，函數(shù)有兩個(gè)參數(shù)a、b，分別是數(shù)組相鄰的兩個(gè)數(shù)據(jù)，返回值則決定相鄰的兩個(gè)數(shù)據(jù)哪個(gè)排在在前面
//返回值小于0，則a順序在前
//返回值大于0，則a順序在后
例如：
var array = [5, 2, 1, 4, 3];

//升序排列，用代入的思想可以把a(bǔ)看成5，b看出2。
array.sort(function (a, b) {
    return a - b;
});//array: [1,2,3,4,5]

//降序排列
array.sort(function (a, b) {
    return b - a;
});//array: [5,4,3,2,1]

concat(data...)

功能：數(shù)組拼接成新的數(shù)組

參數(shù)：

data:任意個(gè)數(shù)的數(shù)據(jù)類型

返回值：新的數(shù)組

注意：數(shù)組本身不發(fā)生變化

var array = [1, 2, 3];

var newArray = array.concat(1, "xxx"); //newArray: [1, 2, 3, 1, "xxx"]

var newArray1 = array.concat([4, 5]); //newArray1: [1, 2, 3, 4, 5]

slice(start,end)

功能：數(shù)組截取

參數(shù)：

start:開始位置

end：結(jié)束位置

返回值：新的數(shù)組

注意：數(shù)組本身不發(fā)生變化

第一個(gè)參數(shù)是截取開始位置（數(shù)組下標(biāo)是從0開始），第二個(gè)參數(shù)是結(jié)束位置，但是不包括結(jié)束位置。

如果只有一個(gè)參數(shù)，從開始位置截取到剩下所有數(shù)據(jù)

開始位置和結(jié)束位置也可以傳遞負(fù)數(shù)，負(fù)數(shù)表示倒著數(shù)。例如-3是指倒數(shù)第三個(gè)元素

var array = [1, 2, 3, 4, 5];

var newArray = array.slice(1); //newArray: [2,3,4,5]
var newArray1 = array.slice(0, 3); //newArray1: [1,2,3]
var newArray2 = array.slice(0, -1); //newArray2: [1,2,3,4]
var newArray3 = array.slice(-3, -2); //newArray3: [3]

splice(start,len,data...)

功能：數(shù)組插入數(shù)據(jù)、刪除數(shù)據(jù)

參數(shù)：

start:開始位置

len：截?cái)嗟膫€(gè)數(shù)

data:插入的數(shù)據(jù)

返回值：截?cái)嗟臄?shù)據(jù)，是數(shù)組

注意：操作的是數(shù)組本身

如果只有一個(gè)參數(shù)，從開始位置截取剩下所有數(shù)據(jù)

    var array = [1, 2, 3, 4, 5]

    var newArray = array.splice(1);//array=[1] newArray=[2,3,4,5]
    var newArray1 = array.splice(0, 2);//array=[3,4,5] newArray1=[1,2]
    var newArray2 = array.splice(0, 1, 6, 7);//array=[6,7,2,3,4,5] newArray2=[1]
push(data...)

功能：往數(shù)組的尾部添加數(shù)據(jù)

參數(shù)：

data:數(shù)據(jù)

注意：操作的是數(shù)組本身

var array = [1, 2, 3];

array.push(4, 5);//array : [1,2,3,4,5]

pop()

功能：刪除數(shù)組的最后一個(gè)數(shù)據(jù)

參數(shù)：無

返回值：刪除的數(shù)據(jù)

注意：操作的是數(shù)組本身

var array = [1, 2, 3, 4, 5];

var value = array.pop();//array : [1,2,3,4]  value: 5

unshift(data...)

功能：往數(shù)組的頭部添加數(shù)據(jù)

參數(shù)：

data:數(shù)據(jù)

注意：操作的是數(shù)組本身

var array = [3, 4, 5];

array.unshift(1, 2);//array : [1,2,3,4,5]

shift()

功能：刪除數(shù)組的第一一個(gè)數(shù)據(jù)

參數(shù)：無

返回值：刪除的數(shù)據(jù)

注意：操作的是數(shù)組本身

var array = [1, 2, 3, 4, 5];

var value = array.shift();//array : [2,3,4,5] value: 1

pop和push就類似于棧操作，先進(jìn)后出。unshift和shift就類似于隊(duì)列操作，先進(jìn)先出

  
有任何問題，歡迎大家批評(píng)指出，我們共同進(jìn)步。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/85550.html

相關(guān)文章

  • Javascript內(nèi)置對(duì)象新增接口列表

    網(wǎng)上很少有提供不同版本接口對(duì)比的文章，所以自己總結(jié)一下。 Array Method Description Modify Version concat 連接多個(gè)數(shù)組，返回?cái)?shù)組副本，參數(shù)可以為值或數(shù)組 否 ES3 join 把數(shù)組元素組合為字符串 否 ES3 pop 刪除并返回最后一個(gè)元素 是 ES3 push 向數(shù)組末尾添加一個(gè)或多個(gè)值，返回?cái)?shù)組長度 是 ES3 reve...

    xuhong 評(píng)論0 收藏0

  • 【js基礎(chǔ)】js數(shù)組方法總結(jié)

    摘要：補(bǔ)充語言和宿主環(huán)境中許多新的內(nèi)置函數(shù)，都提供了一個(gè)可選的參數(shù)，通常被稱為上下文，其作用和一樣，確保你的回調(diào)函數(shù)使用指定的。 補(bǔ)充： JavaScript 語言和宿主環(huán)境中許多新的內(nèi)置函數(shù)，都提供了一個(gè)可選的參數(shù)，通常被稱為上下文（context），其作用和 bind(..) 一樣，確保你的回調(diào)函數(shù)使用指定的 this。 function foo(el) { console.log( ...

    aboutU 評(píng)論0 收藏0

  • 【進(jìn)階3-3期】深度解析 call 和 apply 原理、使用場景及實(shí)現(xiàn)

    摘要：之前文章詳細(xì)介紹了的使用，不了解的查看進(jìn)階期。不同的引擎有不同的限制，核心限制在，有些引擎會(huì)拋出異常，有些不拋出異常但丟失多余參數(shù)。存儲(chǔ)的對(duì)象能動(dòng)態(tài)增多和減少，并且可以存儲(chǔ)任何值。這邊采用方法來實(shí)現(xiàn)，拼成一個(gè)函數(shù)。 之前文章詳細(xì)介紹了 this 的使用，不了解的查看【進(jìn)階3-1期】。 call() 和 apply() call() 方法調(diào)用一個(gè)函數(shù), 其具有一個(gè)指定的 this 值和分...

    godlong_X 評(píng)論0 收藏0

  • JavaScript 對(duì)象所有API解析

    摘要：創(chuàng)建對(duì)象的兩種方式推薦該構(gòu)造器可以接受任何類型的參數(shù)，并且會(huì)自動(dòng)識(shí)別參數(shù)的類型，并選擇更合適的構(gòu)造器來完成相關(guān)操作。比如二的成員該屬性指向用來構(gòu)造該函數(shù)對(duì)象的構(gòu)造器，在這里為該方法返回的是一個(gè)用于描述目標(biāo)對(duì)象的字符串。 之前看到【深度長文】JavaScript數(shù)組所有API全解密和JavaScript字符串所有API全解密這兩篇高質(zhì)量的文章。發(fā)現(xiàn)沒寫對(duì)象API解析（估計(jì)是博主覺得簡單，...

    SmallBoyO 評(píng)論0 收藏0

  • 詳解call bind apply - 區(qū)別/使用場景/es6實(shí)現(xiàn)/es3實(shí)現(xiàn)

    摘要：的區(qū)別接收數(shù)組一連串參數(shù)返回一個(gè)函數(shù)的使用場景將類數(shù)組含有屬性的對(duì)象轉(zhuǎn)化為數(shù)組類數(shù)組例如通過獲取的元素含有屬性的對(duì)象具有屬性，并且可以通過下標(biāo)來訪問其中的元素，但是沒有中的等方法。 call,apply,bind的區(qū)別 apply接收數(shù)組 func.apply(obj, [arus]) call一連串參數(shù) func.call(obj, param1, param2....) bind...

    Alex 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<