JavaScript Array 整理 - 元素操作

phodal 发布于2019-08-21 10:25 / 3086人阅读

摘要：此文章是我的原创文章，原文地址前篇整理了一些常用的遍历操作方法，今天再整理一下对象中针对元素操作的方法。返回当前数组最后一个元素描述返回数组第一个元素，并从当前数组中删除它。删除的元素组成的数组

此文章是我的原创文章，原文地址：http://lpgray.me/article/49/

前篇整理了一些Array常用的遍历操作方法，今天再整理一下Array对象中针对元素操作的方法。

分别是：

concat （组合数组）

join（数组转字符串）

pop（删除最后一个元素）

shift（删除第一个元素）

push（在数组尾部添加新元素）

unshift（在数组头部添加新元素）

slice (不改变数组本身，常用将类数组转换成数组，而后可以使用数组方法操作类数组)

splice （指定位置、截取、替换）

Array.prototype.concat(arr[, arr1, ......, arrN]) 描述

此方法返回一个由自身及所传参数拼接成的新数组，每一个参数都必须为数组类型。

return

Array，由自身及参数拼接成的新数组。

demo

var arr = [1,2,3];
arr.concat(["a"], ["b"])
[1, 2, 3, "a", "b"]

Array.prototype.join([str]) 描述

此方法将数组中所有元素组合成一个字符串，默认以“，”号拼接，也可以指定拼接参数。

return

String, 有数组中所有元素拼接成的字符串

demo

var arr = [1,2,3];
arr.join()
"1,2,3"

Array.prototype.pop() 描述

返回数组最后一个元素，并从当前数组中删除它。

return

返回当前数组最后一个元素

demo

var arr = [1,2,3];
arr.pop()
3
arr
[1, 2]

Array.prototype.shift() 描述

返回数组第一个元素，并从当前数组中删除它。

return

返回当前数组第一个元素

demo

var arr = [1,2,3];
arr.shift()
1
arr
[2, 3]

Array.prototype.push(elem[, ..... elem]) 描述

往数组末尾添加多个元素，返回添加后的数组长度。

return

Int, 添加后的数组长度

demo

var arr = [1,2,3];
arr.push(4,5,6)
6
arr
[1, 2, 3, 4, 5, 6]

Array.prototype.unshift(elem[, ..... elem]) 描述

往数组头部添加多个元素，返回添加后的数组长度。

return

Int, 添加后的数组长度

demo

var arr = [1,2,3];
arr.unshift(-1,0)
5
arr
[-1, 0, 1, 2, 3]

Array.prototype.slice([begin[, end]]) 描述

此方法返回数组的一部分，两个参数都为可选参数，begin表示开始截取位置，end表示结束截取位置，此方法不对数组本身做修改。

return

返回截取的数组

demo

var arr = [1,2,3];
arr.slice(0)
[1, 2, 3]
arr.slice(1)
[2, 3]
arr.slice(-1)
[3]
arr
[1, 2, 3]

Array.prototype.splice(begin, deleteCount[, item .... , item]) 描述

从指定位置开始，删除deleteCount个元素，并且在当前位置插入新元素（可选）。

return

Array, 删除的元素组成的数组

demo

var arr = [1,2,3];
arr.splice(0,1,4);
[1]
arr
[4, 2, 3]
arr.splice(1,2,4);
[2, 3]
arr
[4, 4]

GPU云服务器云服务器 javascript获取元素 javascript操作css javascript操作系统 javascript操作html

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

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

JavaScript Array 整理 - 遍历操作

摘要：描述此函数用来遍历数组的每一个元素，回调的返回值有意义，返回时，数组停止循环。问题一个数组最多可以有多长中规定，数组的长度会使用转化，即。这是我的原创文章，原文地址：http://lpgray.me/article/48/ 今天谈谈基础，在前端开发中，Array的基础操作很是频繁多见，在ES5中有许多Array的新特性，但是对于我等中国的码农，尤其是PC前端狗整天就与IE678打交道...

mengera88 2019-08-21 10:25 评论0 收藏0
Javascript的内置函数(ES5)-读Javascript语言精粹

摘要：的内置函数整理了一些语言精粹的方法一章的整理出的的内置方法之后还会整理标准入门的新添加的方法整理这些作用一方面是更好的理解记忆另一方面是对于类数组可以使用原型链的调用即可中的一些函数输出的为的结果因此的作用是连接数组当然可以是数字也会加入到 Javascript的内置函数(ES5) 整理了一些Javascript语言精粹的方法一章的整理出的ES5的内置方法; 之后还会整理ES6标准入门...

gekylin 2019-08-22 10:50 评论0 收藏0
JavaScript数组方法

摘要：前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开始将以前零散的东西整合一下，和各位道友一起提高。前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明...

kviccn 2019-08-30 14:08 评论0 收藏0
JavaScript数组方法

摘要：前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开始将以前零散的东西整合一下，和各位道友一起提高。前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明...

keithyau 2019-08-26 11:49 评论0 收藏0
JavaScript数组方法

摘要：前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开始将以前零散的东西整合一下，和各位道友一起提高。前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明...

zoomdong 2019-08-01 18:42 评论0 收藏0