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

YPHP 發(fā)布于2019-08-21 10:27 / 1379人閱讀

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

join(sep)

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

參數(shù)：

sep:拼接字符串

返回值：拼接后的字符串

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

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

//無參數(shù)時，默認用‘,’連接
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ù)時按照字母表升順排序
array.sort(); //array: ["a","b","c","d","e"]

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

//升序排列，用代入的思想可以把a看成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:任意個數(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：結束位置

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

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

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

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

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

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：截斷的個數(shù)

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

返回值：截斷的數(shù)據(jù)，是數(shù)組

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

如果只有一個參數(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ù)組的最后一個數(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ù)組的第一一個數(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就類似于棧操作，先進后出。unshift和shift就類似于隊列操作，先進先出

有任何問題，歡迎大家批評指出，我們共同進步。

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

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

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

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

xuhong 2019-08-21 17:02 評論0 收藏0
【js基礎】js數(shù)組方法總結

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

aboutU 2019-08-21 17:48 評論0 收藏0
【進階3-3期】深度解析 call 和 apply 原理、使用場景及實現(xiàn)

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

godlong_X 2019-08-23 14:31 評論0 收藏0
JavaScript 對象所有API解析

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

SmallBoyO 2019-08-21 12:02 評論0 收藏0
詳解call bind apply - 區(qū)別/使用場景/es6實現(xiàn)/es3實現(xiàn)

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

Alex 2019-08-23 17:07 評論0 收藏0