Logo

Logo

常用JS—Array数组方法

Pastore Antonio
Pastore Antonio 2022年05月18日
1148 阅读 0 评论 约 3340 字 阅读约 7 分钟

every
对数组中每一项进行给定函数,如果每一项都满足条件则返回true,否则返回false;

var numbers = [1,2,3,4,5,4,3,2,1]; 
var result = numbers.every((item,index,array) => {
	return item >2 ;
});
 alert(result ); //false

some
对数组中每一项进行给定函数,如果任意一项满足条件则返回true,否则返回false;

var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.some(function(item,index,array){
    return item>2;
}); 
alert(everyResult); //true

filter
对数组中每一项进行给定函数判断,返回满足函数条件的项组成的数组

var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.filter(function(item,index,array){
    return item>2;
}); 
alert(everyResult); //  [3,4,5,4,3]

map
对数组中每一项进行给定函数,返回执行后的结果组成的数组

var numbers = [1,2,3,4,5,4,3,2,1]; 
var everyResult = numbers.map(function(item,index,array){
    return item*2;
}); 
alert(everyResult); //  [2, 4, 6, 8, 10, 8, 6, 4, 2]

forEach
遍历数组,类似for循环

var numbers = [1,2,3,4,5,4,3,2,1]; 
numbers.forEach(function(item,index,array){ 
	if(item!=2){ //如果不是2
		numbers.splice(index,1,2); //替换成2
	} 
}); 
alert(numbers); //  [2, 2, 2, 2, 2, 2, 2, 2, 2]

reduce && reduceRight
这两个方法迭代数组所有项,然后构建一个最终返回的值。
reduce从左到右,reduceRight从右到左。

var values = [1,2,3,4,5];
var sum = values.reduce(function(prev,cur,index,array){
    return prev + cur;
});
alert(sum); //15

检测数组instanceof && array.isArray

var values = [1,2,3];
if(values instanceof Array){
    //对数组进行某些操作
}
if(Array.isArray(values)){
    //对数组进行某些操作
}

join
将数组转换成字符串,且用分隔符分隔

var colors = [1,2,3];
alert(colors.join("|"));  // 1|2|3

toString
将数组转换成字符串

var color = [1,2,3];
console.log(color.toString());// 1,2,3

valueOf
将数组转换成字符串,返回数组值

var color = [1,2,3,4];
console.log(color.valueOf());//1,2,3,4

push && pop && shift && unshift

push() 从数组末尾添加
pop()  从数组末尾移除
shift()    从数组前端移除
unshift()  从数组前端添加

reverse
反转数组,返回数组

var color = [1,2,3,4,5];
console.log(color.reverse());//[5, 4, 3, 2, 1]
console.log(Array.isArray(color.reverse()));//true

sort
排序返回数组,默认是升序,

var color = [1,2,3,4,5];
var color2 = color.sort((a,b) => {
	return b-a;	//降序
	//return a-b;升序
	//retun 是 负数;
});
console.log(color2);
// [5, 4, 3, 2, 1]

concat
用于复制或者从尾部添加–>创建新数组
先创建一个当前数组的副本,然后将添加的数组添加到末尾,返回新的数组。如果没有传参数,直接复制返回新构建的数组。

var values = [1,2,3]; 
var v1 = values.concat();
var v2 = values.concat(4); 
console.log(values); //[1,2,3];
console.log(v1); //[1,2,3] 
console.log(v2); //[1,2,3,4]

splice
splice() 方法用于插入、删除或替换数组的元素。

array.splice(index,num,arr);
返回被删除的元素
/**
*index:修改的位置即下标数字
*num:删除的长度,默认是至结尾
*arr:添加进去的数组
**/
删除demo:
var values = [1,2,3,4,5,6];
var v = values.splice(0,2);
console.log(values);  //[3,4,5,6]
console.log(v);       //[1,2]

插入demo: 
var values = [1,2,3,4,5,6]; 
var v1 = values.splice(1,0,1,1,1); 
console.log(values); //[1,1,1,1,2,3,4,5,6] 
console.log(v1); //[] 

替换demo: 
var values = [1,2,3,4,5,6]; 
var v1 = values.splice(1,2,1,1,1); 
console.log(values); //[1,1,1,1,4,5,6] 
console.log(v1); //[2,3]

slice
用于复制或截取数组–>创建新数组,截取当前数组的一部分创建一个新数组。可以接受一个或者两个参数,只有一个参数时返回指定位置到尾部的数组。两个参数时,返回指定位置到结束位置之前但不包括结束位置的数组。

var values = [1,2,3]; 
var v1 = values.slice(); 
var v2 = values.slice(1); 
var v3 = values.slice(1,3); 
console.log(values); //[1,2,3] 
console.log(v1); //[1,2,3] 
console.log(v2); //[2,3] 
console.log(v3); //[2,3]

indexOf && lastIndexOf
返回元素在数组的位置

var values = [1,2,3,4,5];
indexOf() 从头找指定项的位置
var v1 = values.indexOf(3);

lastIndexOf() 从后往前查位置
var v2 = values.lastIndexOf(3);

两者如果没查到都返回-1
查看完整代码

橙子主题打折出售

其实我不卖,主要是这里是放广告的,所以就放了一个
毕竟主题都没做完,卖了也是坑.

购买它
部分文章可能存在转载,如果涉及到侵权,请联系删除文章。

无法加载协定为“ServiceReference1.xxxxxx”的终结点配置部分,因为找到了该协定...无法加载协定为“ServiceReference1.xxxxxx”的终结点配置部分,因为找到了该协定的多个终结点配置。请按名称指示首选的终结点配置部分

探索AIGC相关的精彩内容,共 14 篇文章

MCP | 一文详解什么是 MCP以及 MCP 可以做什么

一、什么是 MCP MCP(Model Context Protocol)是一个专为大型语言模型(L ... 常用JS—Array数组方法

2026-02-14 · Shen, Luke
你的工作流程,值得一个“全自动数字分身”:录制、截图、成文,一气呵成

一、一句话认识 TestFlow Recorder 在数字化工作环境中,如何准确记录操作步骤并生成清 ... 常用JS—Array数组方法

2026-02-14 · Xzavier Aaron
Flowise 前端框架配置指南

用户需求 问题:有没有适合配置 Flowise 的前端框架? 目标:寻找类似 Open WebUI ... 常用JS—Array数组方法

2026-02-14 · Xzavier Aaron
高效AI故障诊断实践:提升企业运维能力

规划阶段 在现代企业的故障诊断过程中,规划阶段是确保诊断工作顺利开展的关键环节。通过系统化的规划,不 ... 常用JS—Array数组方法

2026-02-14 · Shen, Luke