数组Array方法

已于 2023-01-09 14:26:09 修改
阅读量226 收藏
点赞数
分类专栏： # JavaScript 文章标签： 数据结构 算法 javascript 前端 html5
于 2023-01-09 14:25:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44264769/article/details/128609497
版权

一、创建

1）使用Array构造函数

var arr1 = new Array();
         = new Array(num); //num = length长度
         = new Array('arr1','arr2',...); //包含这些项

2）使用var let  const

var arr1 = [];
         = [num]; //包含这一项
         = ['arr1','arr2',...]; //包含这些项

 1、使用Array.of()方法

创建一个包含所有参数的数组

let arr = Array.of();    //[]
let arr1 = Array.of(1, 2, 3, 4, 5);    // [1, 2, 3, 4, 5]
let arr2 = Array.of(undefined);    // [undefined]

二、方法

（一）不改变原数组

2、join

该方法可以将数组里的元素,通过指定的分隔符,以字符串的形式连接起来。

返回值:返回一个新的字符串

let arr = ['h','e','l','l','o','!'];
let arr1 = arr.join();   // 'h,e,l,l,o,!'
let arr2 = arr.join('');   // 'hello!'
console.log(arr);   // ['h','e','l','l','o','!']

3、find

找到符合条件的项,并且返回第一项

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.find(ele=> ele > 2);   // 3
console.log(arr);   // [1, 2, 3, 4, 5]

4、findIndex

找到符合条件的项的下标,并且返回第一个

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.findIndex(ele=> ele > 2);   // 2
console.log(arr);   // [1, 2, 3, 4, 5]

5、indexOf (ele,fromIndex)

从fromIndex这个下标开始,元素第一次出现的位置

let arr = [1, 2, 3, 4, 5, 1];
let arr1 = arr.indexOf(1);   // 0
let arr2 = arr.indexOf(1,1);   // 5
let arr3 = arr.indexOf(6);   // -1
console.log(arr);   // [1, 2, 3, 4, 5, 1]

6、lastIndexOf()

在数组中搜索指定项，并返回其位置。

let arr = [1, 2, 3, 4, 5, 1];
let arr1 = arr.lastIndexOf(1);   // 5
let arr2 = arr.lastIndexOf(1,1);   // 0
let arr3 = arr.lastIndexOf(6);   // -1
console.log(arr);   // [1, 2, 3, 4, 5, 1]

7、concat()

用于连接两个或多个数组。

let arr = [1, 2, 3, 4, 5];
let arr1 = [6, 7, 8]
let arr2 = arr.concat(arr1);   // [1, 2, 3, 4, 5, 6, 7, 8]
console.log(arr,arr1);   // [1, 2, 3, 4, 5],[6, 7, 8]

8、slice(start,end)

start：开始下标 end：结束下标

将数组中的选定元素作为新的数组对象返回。

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.slice(2)   // [3, 4, 5]
let arr2 = arr.slice(2,4);   // [3, 4]
console.log(arr);   // [1, 2, 3, 4, 5]

9、toString()

返回一个包含所有数组值的字符串，以逗号分隔。

let arr = ['h','e','l','l','o','!'];
let arr1 = arr.toString()    // 'h,e,l,l,o,!'
console.log(arr);    // ['h','e','l','l','o','!']

（二）改变原数组

10、fill(val,start,end)

val:填充值  start，end：可空，全空表示全替换，一个有值，表示从该位置后全替换

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.fill(1);   // [1, 1, 1, 1, 1]

let arr2 = [1, 2, 3, 4, 5];
let arr3 = arr2.fill(1,3);   // [1, 2, 3, 1, 1]
        
let arr4 = [1, 2, 3, 4, 5];
let arr5 = arr4.fill(1,2,4);   // [1, 2, 1, 1, 5]

console.log(arr,arr2,arr5);   // [1, 1, 1, 1, 1],[1, 2, 3, 1, 1],[1, 2, 1, 1, 5]

11、copyWithin(target,start,end)

target:要被替换的索引位置  start：拷贝的开始下标 end：拷贝的结束下标

将数组元素复制到数组中的另一个位置，覆盖现有值。此方法永远不会向数组添加更多项。注意：此方法会覆盖原始数组。

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.copyWithin(1,2,3);   // [1, 3, 3, 4, 5]
console.log(arr);   // [1, 3, 3, 4, 5]

12、pop()

删除并返回数组的最后一个元素。

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.pop()   // 5
console.log(arr);   // [1, 2, 3, 4]

13、push()

将新项添加到数组的末尾，并返回新长度。

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.push(6)   // 6
console.log(arr);   // [1, 2, 3, 4, 5, 6]

14、shift()

删除并返回第一个元素。

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.shift()   // 1
console.log(arr);   // [2, 3, 4, 5]

15、unshift()

将新项添加到数组的开头，并返回新长度。

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.unshift(0)   // 6
console.log(arr);    // [0, 1, 2, 3, 4, 5]

16、splice(下标、数量、添加新项)

从数组添加/删除项目，并返回删除的项目。

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.splice(2)   // [3, 4, 5]

let arr2 = [1, 2, 3, 4, 5]; 
let arr3 = arr2.splice(2,1)   // [3]

let arr4 = [1, 2, 3, 4, 5]; 
let arr5 = arr4.splice(2,0,6)   // [1, 2, 6, 3, 4, 5]

console.log(arr,arr2,arr4);    // [0, 1, 2, 3, 4, 5],[1, 2, 4, 5],[1, 2, 6, 3, 4, 5]

17、reverse()

反转数组中元素的顺序。

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.reverse()   // [5, 4, 3, 2, 1]
console.log(arr);    // [5, 4, 3, 2, 1]

18、sort()

对数组的项进行排序。

let arr = [1, 2, 3, 4, 5, 0, 7, 6];
let arr1 = arr.sort()   // [0, 1, 2, 3, 4, 5, 6, 7]

let arr2 = [1, 2, 3, 4, 5, 0, 7, 6];
let arr3 = arr2.sort((a,b)=>{
    return b-a
}) // [7, 6, 5, 4, 3, 2, 1, 0]

console.log(arr,arr2);    // [0, 1, 2, 3, 4, 5, 6, 7],[7, 6, 5, 4, 3, 2, 1, 0]

（三）其他方法

下列方法本身不会改变原数组任何属性，但是强行访问内部进行重新赋值时会改变原数组。

 19、every()

检查数组中的所有元素是否都符合条件。 true/false

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.every(ele=> {return ele > 0});   // true
let arr2 = arr.every(ele=> {return ele > 2});   // false

let arr3 = [1, 2, 3, 4, 5];
let arr4 = arr3.every((ele,index)=> { 
    arr3[index] = ele + 1; 
    return ele > 0
});    // true

console.log(arr,arr3);   // [1, 2, 3, 4, 5],[2, 3, 4, 5, 6]

20、some()

检查数组中是否有元素符合条件。 true/false

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.some(ele=> {return ele > 0});   // true
let arr2 = arr.some(ele=> {return ele > 6});   // false

let arr3 = [1, 2, 3, 4, 5];
let arr4 = arr3.some((ele,index)=> { 
    arr3[index] = ele + 1; 
    return ele > 0
});    // true
console.log(arr,arr3);   // [1, 2, 3, 4, 5],[2, 3, 4, 5, 6]

21、forEach()

遍历，可能会改变原数组。

let arr = [1, 2, 3, 4, 5];
arr.forEach(ele=> {
    ele + 1
});   // [1, 2, 3, 4, 5]

let arr1 = [1, 2, 3, 4, 5];
arr1.forEach((ele,index)=> {
    arr1[index] = ele + 1
});   // [2, 3, 4, 5, 6]

22、map()

遍历，返回新数组。

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.map(ele=> {
    ele + 1
    return ele + 1
});   // [2, 3, 4, 5, 6]

let arr2 = [1, 2, 3, 4, 5];
let arr3 = arr2.map((ele,index)=> {
    arr2[index] = ele + 1
    return ele + 2
});   // [3, 4, 5, 6, 7]

console.log(arr,arr2);   //[1, 2, 3, 4, 5],[2, 3, 4, 5, 6]

23、filter()

过滤满足条件的值，返回新数组。

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.filter(ele=>{
    return ele > 2
})    // [3, 4, 5]

let arr2 = [1, 2, 3, 4, 5];
let arr3 = arr2.filter(ele=>{
    ele ++
    return ele > 2
})    // [2, 3, 4, 5]

let arr4 = [1, 2, 3, 4, 5];
let arr5 = arr4.filter((ele,index)=>{
    arr4[index] = ele + 1;
    return ele > 2
})    // [3, 4, 5]

console.log(arr,arr2,arr4);    // [1, 2, 3, 4, 5],[1, 2, 3, 4, 5],[2, 3, 4, 5, 6]

24、reduce()

为数组的每个值（从左到右）执行提供的函数，并将数组缩减为单个值。

常用于叠加

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.reduce((a,b)=> a + b)    // 15

let arr2 = [1, 2, 3, 4, 5];
let arr3 = arr2.reduce((prev,cur,index,arr)=>{
    arr2[index] = cur + 1;
    return prev + cur
})    // 15

console.log(arr,arr2);    // [1, 2, 3, 4, 5],[1, 3, 4, 5, 6]

25、reduceRight()

为数组的每个值（从右到左）执行提供的函数，并将数组缩减为单个值，可给想返回的数据类型

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.reduceRight((a,b)=> a + b)    // 15

let arr2 = [1, 2, 3, 4, 5];
let arr3 = arr2.reduceRight((prev,cur,index,arr)=>{
    arr2[index] = cur + 1;
    return prev + cur
})    // 15

console.log(arr,arr2);    // [1, 2, 3, 4, 5],[2, 3, 4, 5, 5]

26、Array.from()

将类数组转换为数组

let arr = '12345'; 
let arr1 = Array.from(arr)    // ['1', '2', '3', '4', '5']
let arr2 = Array.from(arr, ele=> ele*2)    // [2, 4, 6, 8, 10]

let arr3 = [1, 2, 3, 4, 5]; 
let arr4 = Array.from(arr3, (ele,index)=> {
    arr3[index] = ele * 2;
    return ele*2
})    // [2, 4, 6, 8, 10]

console.log(arr,arr3);  //'12345',[2, 4, 6, 8, 10]

爱吃彩虹吐司的安琪拉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
目标检测面试项目：yolov5逐行注释
weixin_45955767的博客
02-03 5573
1网络配置文件 类型：yaml，yolov5*.yaml文件通过yolo.py解析文件配置模型的网络结构。 yaml文件的优点 方便，不需要像Yolov3的config设置网络一样设置网络进行叠加，只需要在yaml配置文件中的参数进行修改 以yolov5s.yaml为例子 1模型的深度和宽度 s—m—l—x # parameters nc:80 #num_classes depth_mumultiple:0.33 #模型的深度，控制模块的数量model depth multip
[array] -- 常用数组函数
lmjy102的博客
03-10 499
PHP写程序除了经常对字符串进行加工，还要经常对数组进行加工计算，所以了解你将会经常用到哪些数组函数，注意记住哪些数组函数很重要 放心，常用数组函数不过10个左右，但重点是要了解它们的工作逻辑性 常用数组相关函数清单： int count($array) 统计数组的元素个数 索引数组和关联数组都可以，但非数组通常会返回1（详细了解），而且我接触的新手写的代码极大多数都会踩中
今天是用使用array()函数创建数组
bjw1123的博客
03-14 2562
代码： $sports = array(2 => ‘basketball’, 4 => ‘swimming’); var_dump($sports); 样式：
机器学习——使用array函数构建一维数组
m0_46303002的博客
09-25 2384
机器学习——使用array函数构建一维数组 import numpy as np #构建一维数组 a=[1,2,3,4] b=[5,6,7,8] print(a,type(a),b,type(b)) x1=np.array(a)#使用array函数构建数组 x2=np.array(b) print(x1,type(x1),x2,type(x2)) 得出结果如下图所示： ...
php中的array(),php中array()函数如何使用
weixin_28950403的博客
03-22 369
php中array()函数的使用方法：array()函数用于创建一个数组并返回。例如我们要创建一个数值数组，语法为：【array(value1)】。如果我们要创建一个关联数组，语法为：【array(key=>value)】。array() 函数用于创建数组，并返回创建的数组。(推荐教程：php视频教程)数值数组的语法：array(value1,value2,value3,etc.);关联数组...
数组操作总结
m0_44974631的博客
03-31 859
创建数组 1、使用 Array 构造函数： var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20) //[空属性 × 20] 创建一个包含20项的数组 var arr3 = new Array("Lance","Wyman","Eason") //创建一个包含3个字符串的数组 console.log(arr1); // [] console.log(arr2); // [空属性 × 20] console.log(arr3
Javascript数组Array方法解读
10-22
在本篇文章中，我们将对JavaScript中数组（Array）对象的所有方法进行详细解读，帮助开发者更好理解和掌握这些内置方法的使用。 首先，需要了解的是，JavaScript数组的所有方法都定义在Array.prototype上，这意味着...
JavaScript中数组Array方法详解
10-20
除了上述提到的Array方法外，JavaScript的数组还提供了诸如Array.push()、Array.pop()、Array.shift()、Array.unshift()、Array.slice()、Array.splice()等其他方法来实现数组元素的添加、删除和替换等操作。...
vbscript基础篇 - vbs数组Array的定义与使用方法
08-27
vbscript基础篇 - vbs数组Array的定义与使用方法 VBScript中的数组是一种非常重要的数据类型，它允许开发者存储和操作多个值。下面将详细介绍VBScript中的数组的定义和使用方法。 数组的定义 在VBScript中，数组...
JavaScript的二维数组
weixin_30383279的博客
05-25 1241
二维数组的初始化： 实例① var arr = [[1,2],['a','b']]; console.log(arr[1][0]); //a 第2列第1行所在的元素 实例② var arr = new Array(new Array(1,2),new Array("a","b")); console.log(arr[1][0]); 实例③ var arr...
数组------数组的遍历、排序、最值操作
ThisIsSunshine的博客
04-18 1761
一、数组的遍历 在操作数组时，经常需要依次富翁数组中的每个元素，这种操作称作数组的遍历。 接下来通过一个案例来学习如何使用for循环遍历数组 案例一（使用for循环遍历数组） public class ArrayTest { public static void main(String[] args){ int[] arr={1,2,3,4,5}; // 定义数组 //通过for循环遍历输出数组 for(int i = 0;i <arr.
new Array(n).fill()创建数组
Allen的博客
11-15 1928
new Array(n).fill()创建数组
js数组创建多个一样的数据
weixin_44645271的博客
05-16 6440
js Array.fill方法array简介创建方法new Array( num ) 方法fill()浏览器兼容性 array简介 JavaScript的 Array 对象是用于构造数组的全局对象，数组是类似于列表的高阶对象。 创建方法 1.常见方式 2.obj方式 new Array( num ) 方法 语法 new Array(num) num : 数组的长度 fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。 语法 arr.fill(value[,
JavaScript数组的赋值
万花果子的博客
04-27 1096
1常规赋值var arr = new Array(); for (var i = 1; i <= 10; i++) { arr[arr.length] = i; } document.write(arr.join(","));结果：1，2，3，4，5，6，7，8，9，10var arr = new Array(); for (var i = 0; i < 10; i++) {
vue - 指令2
hello world
09-03 780
v-if 条件渲染在Vue中可以使用v-if来控制模板里元素的显示和隐藏，表达式的值为true就显示，为false就隐藏；v-if控制的是: 是否渲染这个节点;即元素的创建和销毁；v-if 后面跟 条件表达式, 表达式的值为真时显示,为假不显示,通常用data中一个变量来接受这个值,通过改变变量的值来控制是否显示;v-else-if指令可以实现多分支逻辑;v-else 不跟表达式 , 当v-if的表达式为的时候显示 v-esle的元素;控制一组元素显示隐藏的时候，可以用。
new Array()和[]的性能差别分析。
飞天代码的博客
08-03 4921
new Array()比[]的性能要差，但也没去验证过，今天突然心血来潮验证下，采用chrome浏览器试了试。<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var star
vba 判断文本框内容是否为空_利用VBA代码，自定义鼠标指针形状
weixin_39730587的博客
11-21 229
VBA++ 题记：一剪闲云一溪月，一程山水一年华。一世浮生一刹那，一树菩提一烟霞。岁月静好，现世安稳。纵算云水漂泊，心若安宁，亦可淡若清风。希望见者与不见者都能安康。静下心，多学习有用的知识，多提高自己的水平和能力，这才是正道。时间就像一张网，你撒在哪里，你的收获就在哪里。谨记自己的方向，这是路之所在。适当节制自我的各种欲望,谁都逃不过时间的历练，谁都是命运的行者，谁都是在人生的道路上一步一趋的行...
array函数python_python中如何使用numpy.array函数创建数组？
weixin_35888209的博客
02-06 8537
python语言是进行机器学习算法实战的必要语言，python本身的功能很强大，但是如果想要有很多的矩阵的计算，就要安装numpy包。numpy可以快速的实现多维度的矩阵计算，本文介绍python中使用numpy.array函数创建数组的有关内容。1、numpy.array函数是由N个非负整数组成的tuple(元组)，用于指定每个维度的大小。数组中项目的类型由单独的data-type object...
python数组赋值给另一个数组_学习VBA代码中动态数组的赋值过程
weixin_39562234的博客
12-05 189
VBA++ 题记：一剪闲云一溪月，一程山水一年华。一世浮生一刹那，一树菩提一烟霞。岁月静好，现世安稳。纵算云水漂泊，心若安宁，亦可淡若清风。希望见者与不见者都能安康。静下心，多学习有用的知识，多提高自己的水平和能力，这才是正道。时间就像一张网，你撒在哪里，你的收获就在哪里。谨记自己的方向，这是路之所在。适当节制自我的各种欲望,谁都逃不过时间的历练，谁都是命运的行者，谁都是在人生的道路上一步一趋的行...
ansys定义数组array
最新发布
10-11
在 ANSYS 中，定义一个数组可以使用以下命令： ``` ! Define an array with 5 elements array(5) ``` 这将创建一个名为 `array` 的数组，它有 5 个元素。你可以通过以下方式访问单个元素： ``` array(1) = 10 ! Set the first element to 10 val = array(3) ! Get the third element ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱吃彩虹吐司的安琪拉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值