JavaScript Array对象常用方法

wangdai 发布于2019-08-26 10:41 / 671人阅读

摘要：省略则对数组元素进行排序返回该数组从数组中添加删除项目返回被删除的元素插入替换删除

Array对象常用方法 不改变原数组

concat()

join()

slice()

toString()

改变原数组

pop()

push()

reverse()

shift()

unshift()

sort()

splice()

不改变原数组 array.concat(array)

连接两个或多个数组
返回被连接数组的一个副本

[1,2].concat([3,4])
// expected output: "[1,2,3,4]"

join(string)

把数组中所有元素放入一个字符串
返回字符串

["Fire", "Air", "Water"].join("")
// expected output: "FireAirWater"

slice(begin[, end])

从已有的数组中返回选定的元素
返回一个新数组

["ant", "bison", "camel", "duck", "elephant"].slice(2, 4)
// expected output: Array ["camel", "duck"]

toString()

把数组转为字符串
返回数组的字符串形式

[1,2].toString()
// expected output: "1,2"

改变原数组 pop()

删除数组最后一个元素，如果数组为空，则不改变数组，返回undefined
返回被删除的元素

push()

向数组末尾添加一个或多个元素
返回新数组的长度

reverse()

颠倒数组中元素的顺序
返回该数组

shift()

把数组的第一个元素删除，若空数组，不进行任何操作，返回undefined
返回第一个元素的值

unshift()

向数组的开头添加一个或多个元素
返回新数组的长度

sort([compareFunction])

compareFunction：用来指定按某种顺序进行排列的函数。
省略则对数组元素进行(ascii)排序
返回该数组

let numbers = [4, 2, 5, 1, 3]
numbers.sort((a, b) => a - b) // return > 0, a <=> b
// [1, 2, 3, 4, 5]

splice(start[, deleteCount[, item1[, item2[, ...]]]])

从数组中添加/删除项目
返回被删除的元素

let months = ["Jan", "March", "April", "June"];
// 插入
months.splice(1, 0, "Feb");
// inserts at index 1
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "June"]

// 替换
months.splice(4, 1, "May","Lili");
// replaces 1 element at index 4
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "May", "Lili"]

// 删除
months.splice(4, 2);
// delete 2 element start at index 4
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April"]

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

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

Javascript中的常用的检测方法

摘要：数组检测使用例如兼容性可以使用以下方式，先检测是否支持。用来比较两个值是否严格相等，与相同基本类型检测用来检查一个数值是否为有限的用来检查一个值是否为用来判断一个值是否为整数。目前接触到的一些方法，有新的日后再更新。数组检测 1.使用Array.isArray() Array.isArray(obj) 例如： Array.isArray([]) //true Array.isArra...

muddyway 2019-08-20 11:29 评论0 收藏0
常用JavaScript小技巧及原理详解

摘要：使用一元加模拟函数原理对非数值类型的数据使用一元加，会起到与函数相同的效果。中，若判断不为则不再进行下一步操作。使用逻辑或设置默认值逻辑或也属于短路操作，即当第一个操作数可以决定结果时，不再对第二个操作数进行求值。善于利用JS中的小知识的利用，可以很简洁的编写代码 1. 使用!!模拟Boolean()函数原理：逻辑非操作一个数据对象时，会先将数据对象转换为布尔值，然后取反，两个!!...

chnmagnus 2019-08-20 17:00 评论0 收藏0
[ ES6 ] 快速掌握常用 ES6 （二）

摘要：本系列文章适合快速掌握入门语法，想深入学习的小伙伴可以看看阮一峰老师的入门本篇文章是对之前文章的一个补充，可以使代码更简洁函数参数默认值在传统语法中如果想设置函数默认值一般我们采用判断的形式在新的语法中我们可以在参数声明的同时赋予默认值参数本系列文章适合快速掌握 ES6 入门语法，想深入学习 ES6 的小伙伴可以看看阮一峰老师的《ECMAScript 6 入门》本篇文章是对之前文章...

hidogs 2019-08-23 14:07 评论0 收藏0
JavaScript数组——常用数组方法汇总

摘要：本文记录关于数组的一些常用方法，搜集总结。对于数组中的每个元素，都会调用函数一次。返回值是一个新数组，其中的每个元素均为关联的原始数组元素的回调函数返回值。本文记录关于js数组的一些常用方法，搜集总结。主要思路： 1. 方法功能是什么 2. 传递的参数是什么 3. 返回值是什么 4. 原来的数组是否改变第一组：关于数组的增加、删除和修改 1.push 向数组末尾增加新的...

HollisChuang 2019-08-21 10:33 评论0 收藏0
「JavaScript」Array方法的详细总结及常用数组操作(附完整示例)

摘要：数组索引只是具有整数名称的枚举属性，并且与通用对象属性相同。利用的解构赋值解构赋值尾递归优化递归非常耗内存，因为需要同时保存成千上百个调用帧，很容易发生栈溢出。而尾递归的实现，往往需要改写递归函数，确保最后一步只调用自身。一.前言因为在工作当中，经常使用到js的数组，而其中对数组方法的使用也是很频繁的，所以总是会有弄混或者概念不够清晰的状况，所以，写下这篇文章整理一番,本文有对几乎...

Alfred 2019-08-22 17:22 评论0 收藏0