Js Array对象常用方法

更新日期: 2019-08-08阅读: 1.9k标签: Array

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.fly63.com/article/detial/4600

原生js获取数组中的最大值max和最小值min的方法总结

JavaScript获取数组中的最大值和最小值:方法一:传统循环遍历,方法二:利用Math.max和Math.min,方式三.利用sort排序...

原生js数组扁平化方法总汇,JavaScript多维数组如何实现扁平化处理返回一维数组

js数组扁平化就是指将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。 JavaScript方法包括 递归、es5 Array 的reduce函数用法、toString方法、ES6扩展运算符...

数组去重_原生js对普通数组去重算法的7种方法总结

JavaScript实现普通数组去重,讲解各种算法的思想和改进方法,已经他们的优缺点...利用数组的reduce方法,使用了filter方法,利用ES6去重,相对来说更为简单

如何快速的创建一个包含100个元素的数组

如何快速的创建一个包含100个元素的数组, 最初见到的问题是如何创建100个为元素为0 的数组,研究了一系列的方法,包含Es6 新的API ,不得不说, ES6 好强大!

js中数组创建的多种方式,数组中常用方法总汇

javascript创建数组的几种方式:1、字面量形式直接创建数组,2、Array构造函数创建数组。js数组常用的方法有哪些:join(),push()和pop(),shift() 和 unshift(),sort(),reverse(),concat()等

Array的 every、some、filter、map的区别,以及和reduce的区别

every、some、filter、map这几个方法有时候总是傻傻分不清,尤其map,总是一下子有点懵逼记不清和其他方法的区别,每次都需要查一下API,他们的相同点都是需要遍历数组中的每一项,重点是他们的区别.

从非数组对象转数组方法小结

从非数组对象转数组方法:Array.prototype.slice.call(obj、Array.from(obj)、[…obj]、Object.values(obj)等

JS实现遍历不规则多维数组的方法

这篇文章主要介绍了JS实现遍历不规则多维数组的方法,涉及javascript数组递归遍历相关实现与使用技巧,需要的朋友可以参考下

JavaScript数组中的22个常用方法

数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组方法、数组删改方法、数组位置方法、数组归并方法和数组迭代方法共10类来进行详细介绍

js中split()和join() 的使用_数组对象和字符串的相互转换

在前端开发中,相信大家都遇到过数组和字符串相互转换的情况 ,JavaScript提供了split()和join()这2个函数来进行转换,下面就介绍数组对象和字符串的相互转换。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!