Array数组相关方法

更新日期: 2019-03-18 阅读: 3.2k 标签: array

1.push向数组末尾添加元素

参数:不确定个数,而且类型也不确定,要添加的新元素
返回:新增加后的数组
原有数组改变
例如:

var arr = ["Banana", "Orange", "Apple"];
arr.push("Pear");
console.log(arr)

结果:["Banana", "Orange", "Apple" , "Pear"]


2.unshift向数组开头增加元素

参数:不确定个数,而且类型也不确定,要添加的新元素
返回:新增加后的数组
原有数组改变
例如:

var arr = ["Banana", "Orange", "Apple"];
arr.unshift("Pear");
console.log(arr)

结果:["Pear","Banana", "Orange", "Apple"]


3.pop删除数组末尾一项

参数:
返回:删除数组的个数
原有数组改变
例如:

var arr = ["Banana", "Orange", "Apple"];
arr.pop();
console.log(arr)

结果:["Banana", "Orange"]


4.shift删除数组的第一项

参数:
返回:删除的元素
原有数组改变
例如:

var arr = ["Banana", "Orange", "Apple"];
arr.shift();
console.log(arr)

结果:["Orange", "Apple"]


5.join为数组添加指定的分隔符

参数:可以有,可以是一个分隔符,不写默认是(",")
返回分开后的字符串
原有数组不变
例如:

var arr = ["Banana", "Orange", "Apple"];
console.log(arr.join(","))

结果:Banana,Orange,Apple


6.toString

相当于join()或join(",")
例如:
var arr = ["Banana", "Orange", "Apple"];
console.log(arr.toString())
结果:Banana,Orange,Apple


7.slice找某一区域内的项,返回成新数组形式

slice(n,m)从索引n开始截取到索引为m,但不包含m;m不写的话默认截取到最后;n和m都不写,默认是复制一份一模一样的数组
将找到的新数组返回
原有数组不会改变
例如:
var arr = ["Banana", "Orange", "Apple","Pear","watermelon"];
console.log(arr.slice(1,3));
结果:["Orange", "Apple"]


8.concat()将2个数组链接起来

concat()克隆一份新的数组(原有数组不变)等价于slice()或者slice(0)
原有数组不改变
例如:
var arr1 = ["Banana", "Orange"]
var arr2 = ["Apple","Pear","watermelon"]
console.log(arr1.concat(arr2));
结果:["Banana", "Orange", "Apple", "Pear", "watermelon"]


9.splice(n,m) 从索引n开始删除m个元素

splice(n,m,x) 从索引n开始删除m个元素,返回删除的元素(数组),并且将删除的区域用x代替--->数组的修改替换
如果 m是0的话,相当于没有删除,也就是在数组中的指定区域添加新的元素
返回:删除的项当成新的数组返回
原有数组是改变的
例如:
var arr = ["Banana", "Orange","Apple","Pear","watermelon"]
console.log(arr.splice(2,1,"grape"))
结果: ["Banana", "Orange", "grape", "Pear", "watermelon"]
console.log(arr);//打印出删除的元素
结果:["Apple"]


10.reverse 将数组倒过来排列

原有数组改变
例如:
var arr = ["Banana", "Orange","Apple"]
console.log(arr.reverse());
结果:["Apple", "Orange", "Banana"]


11.sort数组排序,只能处理10以内的

原有数组改变
排序后:[1, 5, 10, 25, 40, 100]
例如:
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});
console.log(points)


12.forEach() 遍历

let arr = [1,2,5];
arr.forEach(function(item,index){
console.log(item);
})// 1 2 5


13.map() 映射:经常用于数据绑定

let arr = [1,3,6];
console.log(arr.map(item => item*2));//[2,6,12]


14.filter 过滤;

如果回调函数返回true,则将次成员过滤出来,放到返回值中;如果为false,不需要放进返回值中
let arr = [100,55,67,88,99,10];
let res = arr.filter(item => item>60);
console.log(res);//[100, 67, 88, 99]


15.find()

查找满足条件第一项值,如果找到这个值直接终止find函数,如果找不到满足条件的项,则返回undefined[找true]
let arr = [100,55,66,30,40,25];
let res = arr.find(item => item>99);
console.log(res);//100
let res1 = arr.find(item => item>200);
console.log(res1);//undefined


16.every

返回值boolean,当回调函数都返回true,则every这个方法返回true;如果有一个是false,那么整体结果就是false,只要返回false,every就不需要在循环向下执行了【找false】
let arr = [1,2,3,4,5];
let res = arr.every(item => item>5);
console.log(res);//false


17.some:

返回一个布尔值 只要回调函数有一个返回true,那么some返回值就是true,当所有的都不满足条件,结果返回false;
let arr = [50,30,55,70]
let a = arr.some(item => item>50);
console.log(a);//true


18.includes:

包含 检测数组是否包含某一项:如果包含返回true,不包含返回false
let arr = [1, 2, 3, 4, 56, 7];
console.log(arr.includes(2));//true


19.reduce

收敛,求和 prev:代表除第一次循环外,代表上一次回调函数的返回值;第一次prev代表第一项;
let arr = [1, 2, 3, 4, 5];

arr.reduce((prev, next) => {
    console.log(prev + next);
    return prev + next;
});//15

let arr = [{price: 2, count: 10, name: "面筋"}, {price: 1, count: 5, name: "烤肠"}, {
    price: 3, count: 8, name: "鸡翅"}, {price: 3, count: 6, name: "啤酒"}];

arr.reduce((prev,next)=>{
    return prev + next.price * next.count;
},0)//67

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/2418

相关推荐

for in 和 for of的区别详解

for in 和 for of 相对于大家肯定都不陌生,都是用来遍历属性的没错。for ... in 循环返回的值都是数据结构的 键值名。遍历对象返回的对象的key值,遍历数组返回的数组的下标(key)。for of 循环用来获取一对键值对中的值,而 for in 获取的是 键名

js实现交换数组元素位置的方法总汇

交换数组元素位置是开发项目中经常用到的场景,总结下用过的几种方式:第三方变量、splice方法、解构赋值

js判断数组是否包含某个元素

js判断JS 判断某变量是否为某数组中的一个值的4种方法(总结),分享给大家。indexOf()、正则表达式、arr.find() 、for循环结合if判断

js实现一维数组转换为树形结构数组

在设计树形结构的数据时候,数据库一般为:id,name,parent...如果后端不处理直接返给前端,前端就需要把这个一维数组转换为树形结构数组。下面整理了下如何通过js实现一维数组转换为树形结构数组。

js中reduce的用法,如何使用reduce函数

reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组

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

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

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

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

JS取出两个数组中的不同或相同元素

concat() 方法:用于连接两个或多个数组。Array filter() 方法:创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。indexOf() 方法:可返回某个指定的字符串值在字符串中首次出现的位置。

es6之Array.of()和Array.from()

es6新增了二种方法:Array.of()和Array.from(),它们有什么用途呢?在平时的开发中能给我们带来什么方便呢?本篇将从一个创建数组的小问题开始,逐步揭开它们的面纱。

JS中forEach的用法

orEach是ES5中操作数组的一种方法,主要功能是遍历数组,forEach方法中的function回调有三个参数:第一个参数是遍历的数组内容,第二个参数是对应的数组索引,第三个参数是数组本身

点击更多...

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