JavaScript常用的数组方法——ES3

YPHP 发布于2019-08-21 10:27 / 1378人阅读

摘要：功能将数组元素通过指定的字符连接成字符串参数拼接字符串返回值拼接后的字符串注意数组本身不发生变化无参数时，默认用连接用连接功能将数组元素颠倒顺序参数无注意操作的是数组本身，数组元素颠倒功能将数组元素排序参数比较函数注意操作的是数

join(sep)

功能：将数组元素通过指定的字符连接成字符串

参数：

sep:拼接字符串

返回值：拼接后的字符串

注意：数组本身不发生变化

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

//无参数时，默认用‘,’连接
var joinStr = array.join();//joinstr: "1,2,3,4,5"

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

reverse()

功能：将数组元素颠倒顺序

参数：无

注意：操作的是数组本身，数组元素颠倒

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

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

sort(fn)

功能：将数组元素排序

参数：

fn(a,b):比较函数

注意：操作的是数组本身，数组元素顺序改变

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

//无参数时按照字母表升顺排序
array.sort(); //array: ["a","b","c","d","e"]

//当参数是函数时，函数有两个参数a、b，分别是数组相邻的两个数据，返回值则决定相邻的两个数据哪个排在在前面
//返回值小于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...)

功能：数组拼接成新的数组

参数：

data:任意个数的数据类型

返回值：新的数组

注意：数组本身不发生变化

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)

功能：数组截取

参数：

start:开始位置

end：结束位置

返回值：新的数组

注意：数组本身不发生变化

第一个参数是截取开始位置（数组下标是从0开始），第二个参数是结束位置，但是不包括结束位置。

如果只有一个参数，从开始位置截取到剩下所有数据

开始位置和结束位置也可以传递负数，负数表示倒着数。例如-3是指倒数第三个元素

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...)

功能：数组插入数据、删除数据

参数：

start:开始位置

len：截断的个数

data:插入的数据

返回值：截断的数据，是数组

注意：操作的是数组本身

如果只有一个参数，从开始位置截取剩下所有数据

    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...)

功能：往数组的尾部添加数据

参数：

data:数据

注意：操作的是数组本身

var array = [1, 2, 3];

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

pop()

功能：删除数组的最后一个数据

参数：无

返回值：删除的数据

注意：操作的是数组本身

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

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

unshift(data...)

功能：往数组的头部添加数据

参数：

data:数据

注意：操作的是数组本身

var array = [3, 4, 5];

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

shift()

功能：删除数组的第一一个数据

参数：无

返回值：删除的数据

注意：操作的是数组本身

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

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

pop和push就类似于栈操作，先进后出。unshift和shift就类似于队列操作，先进先出

有任何问题，欢迎大家批评指出，我们共同进步。

GPU云服务器云服务器 javascript数组方法 jquery常用的方法常用的数据统计方法常用的数据挖掘方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85550.html

Javascript内置对象新增接口列表

网上很少有提供不同版本接口对比的文章，所以自己总结一下。 Array Method Description Modify Version concat 连接多个数组，返回数组副本，参数可以为值或数组否 ES3 join 把数组元素组合为字符串否 ES3 pop 删除并返回最后一个元素是 ES3 push 向数组末尾添加一个或多个值，返回数组长度是 ES3 reve...

xuhong 2019-08-21 17:02 评论0 收藏0
【js基础】js数组方法总结

摘要：补充语言和宿主环境中许多新的内置函数，都提供了一个可选的参数，通常被称为上下文，其作用和一样，确保你的回调函数使用指定的。补充： JavaScript 语言和宿主环境中许多新的内置函数，都提供了一个可选的参数，通常被称为上下文（context），其作用和 bind(..) 一样，确保你的回调函数使用指定的 this。 function foo(el) { console.log( ...

aboutU 2019-08-21 17:48 评论0 收藏0
【进阶3-3期】深度解析 call 和 apply 原理、使用场景及实现

摘要：之前文章详细介绍了的使用，不了解的查看进阶期。不同的引擎有不同的限制，核心限制在，有些引擎会抛出异常，有些不抛出异常但丢失多余参数。存储的对象能动态增多和减少，并且可以存储任何值。这边采用方法来实现，拼成一个函数。之前文章详细介绍了 this 的使用，不了解的查看【进阶3-1期】。 call() 和 apply() call() 方法调用一个函数, 其具有一个指定的 this 值和分...

godlong_X 2019-08-23 14:31 评论0 收藏0
JavaScript 对象所有API解析

摘要：创建对象的两种方式推荐该构造器可以接受任何类型的参数，并且会自动识别参数的类型，并选择更合适的构造器来完成相关操作。比如二的成员该属性指向用来构造该函数对象的构造器，在这里为该方法返回的是一个用于描述目标对象的字符串。之前看到【深度长文】JavaScript数组所有API全解密和JavaScript字符串所有API全解密这两篇高质量的文章。发现没写对象API解析（估计是博主觉得简单，...

SmallBoyO 2019-08-21 12:02 评论0 收藏0
详解call bind apply - 区别/使用场景/es6实现/es3实现

摘要：的区别接收数组一连串参数返回一个函数的使用场景将类数组含有属性的对象转化为数组类数组例如通过获取的元素含有属性的对象具有属性，并且可以通过下标来访问其中的元素，但是没有中的等方法。 call,apply,bind的区别 apply接收数组 func.apply(obj, [arus]) call一连串参数 func.call(obj, param1, param2....) bind...

Alex 2019-08-23 17:07 评论0 收藏0