百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

玩转JavaScript的数组(js数组菜鸟教程)

off999 2024-10-24 12:32 33 浏览 0 评论

@Author:Runsen

@Date:2020/5/26


数组(Array)是属于内置对象,无论学Python,Java都是切菜的玩意。

创建数组

方式一:直接var

var arr = [1,2,3];

方式二:对象定义(数组的构造函数)。

语法:

var arr = new Array(参数);

如果参数为空,则表示创建一个空数组;参数位置是一个数值时,表示数组长度;参数位置是多个数值时,表示数组中的元素。

添加元素

数组[索引] = 值

比如,下面的例子

var arr = [];
// 向数组中添加元素
arr[0] = 0;
arr[1] = 1;

获取数组中的元素

简单的一比,就是

数组[索引]

获取数组的长度

语法:

数组的长度 = 数组名.length;
console.log(arr.length); // 打印结果:2

获取数据的索引

语法

    索引值 = 数组.indexOf(value);

    索引值 = 数组.lastIndexOf(value);

解释

  • indexOf(value):从前往后索引,获取 value 在数组中的第一个下标。
  • lastIndexOf(value) :从后往前索引,获取 value 在数组中的最后一个下标。

寻找元素

用的是 find()函数

find()语法

find(function(item, index, arr){return true})

作用:找出第一个满足「指定条件返回true」的元素。

备注:一旦找到符合条件的第一个元素,将不再继续往下遍历。

reduce

reduce为数组中的每一个元素,依次执行回调函数,可以实现累加

var arr = [2, 0, 1, 9, 6];
sumValue = arr.reduce(function(total, item) { //  计算 arr 数组中,所有元素项的综合
    return total + item;
}, 0);

console.log('sumValue:' + sumValue); // 打印结果:18

filter

对数组中每一项运行回调函数,该函数返回结果是true的项,将组成新的数组(返回值就是这个新的数组)。

var arr1 = [1, 3, 6, 2, 5, 6];

var arr2 = arr1.filter(function(item, index) {
    return item > 3; //将arr1中大于3的元素返回,组成新的数组
});
console.log(arr2);

map

map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。它按照原始数组元素顺序依次处理元素。

var arr1 = [1, 3, 6, 2, 5, 6];

var arr2 = arr1.map(function (item, index) {
    return item + 100;  //让arr1中的每个元素加100

})
console.log(arr2);

forEach遍历

forEach()方法需要一个函数作为参数,称为回调函数。

回调函数需要传递三个参数,分别是

  • 第一个参数,就是当前正在遍历的元素
  • 第二个参数,就是当前正在遍历的元素的索引
  • 第三个参数,就是正在遍历的数组
var arr1 = [1, 3, 2];

arr1.forEach(function(item, index, obj) {
    console.log("item: " + item + "index: " + index + "obj: " + obj);
    console.log("----------");
    });

还要很多用法,请查看W3C,比如push()添加,pop()删除,slice()切片,concat()连接, join()将数组转换为字符串,reverse()反转数组,和Python激活一毛一样。

相关推荐

华为手机怎么换桌面壁纸(华为壁纸怎么设置)

1、打开手机设置,点击“显示”。2、选择“壁纸”。3、将“随机切换桌面壁纸”后面的选项打开。4、点击上面的“设置壁纸”。5、我们发现最下方一排的图片可以切换,这一排图片就是壁纸相册。6、回到上一个界面...

台式电脑怎样调出摄像头(台式电脑摄像头在哪里调试)
  • 台式电脑怎样调出摄像头(台式电脑摄像头在哪里调试)
  • 台式电脑怎样调出摄像头(台式电脑摄像头在哪里调试)
  • 台式电脑怎样调出摄像头(台式电脑摄像头在哪里调试)
  • 台式电脑怎样调出摄像头(台式电脑摄像头在哪里调试)
win7系统重装后没声音(win7系统重装没声音怎么解决)

检查电脑音频设备是否有问题,排查无问题后检查电脑声卡驱动,安装第三方驱动软件工具,这里以驱动精灵为例,安装后对电脑驱动进行查找,将声卡驱动安装或者升级即可电脑重装系统后没有声音可能是因为系统驱动程序没...

移动硬盘读不出(移动硬盘读不出来如何修复)

方法一1、首先右键此电脑,打开“管理”2、接着进入左边的“磁盘管理”3、然后右键“磁盘1”下的磁盘,点击“更改驱动器号和路径”4、随后在其中“更改”一下驱动器号,如果没有现成的就“添加”一个。5、设置...

2025十佳笔记本排行(2021年十大最佳笔记本)

2021年,笔记本电脑用什么CPU最好用?当然是艾灸系列最新12代的CPU最好用,也需要根据他的具体配置搭配什么样的主板和显卡,按成熟度来说,还是选择次心大的笔记本CPU比较好,因为硬件搭配也是202...

老式台式机怎么装m2固态硬盘
  • 老式台式机怎么装m2固态硬盘
  • 老式台式机怎么装m2固态硬盘
  • 老式台式机怎么装m2固态硬盘
  • 老式台式机怎么装m2固态硬盘
手机谷歌浏览器(手机谷歌浏览器怎么关闭无痕模式)

使用手机chrome方法:1、打开手机上的谷歌浏览器2、点击打开后,找到右上角的三个小点,点开它,会看到“设置”3、点开设置,然后会出现“搜索引擎”4、点开“搜索引擎”然后选择“搜狗”。5、然后一步步...

千兆网对路由器有要求吗(千兆路由器对无线有用吗)

回答:虽然不是必须,但是建议采用千兆路由器。只有使用千兆路由器,才能达到1000M光纤的最高网速。当使用旧的百兆路由器情况下,千兆带宽只能达到百兆网速。不能充分利用带宽,这样对您的千兆互联网光纤带宽...

win7重装系统方法(win7系统重装详细步骤)

步骤1、打开云骑士装机大师,点击一键装机下的【立即重装】,检测完毕后点击【下一步】;步骤2、选择windows7下的旗舰版32位,点击【下一步】,自行选择或取消推荐的软件,点击【下一步】;步骤3、备份...

电脑桌面啥都没有了怎么回事

1、如果我们桌面上什么东西都没有,可以先打开任务管理器,然后顶级左上方的文件,随后新建任务,在打开的界面中输入explorer,点击确认之后,等个几秒钟左右就可以看见桌面上的图标了。  2、另一个方法...

如何将电脑恢复出厂设置win7

1.首先我们打开电脑找到“计算机”点击打开。2.进入页面然后我们点击“Windows7(C:)”打开C盘。3.我们在C盘界面找到Windows7并点击打开。4.进入到Win7文件夹中找到并双击“Sys...

u盘存在但是读不出来(u盘显示有内容但读不出来怎么办)

u盘能识别,不能读取可能是你关闭了u盘自动读取,取消后即可。步骤:1、在电脑桌面右键点击“计算机”,在出现的菜单中选择“管理”选项2、在弹出的计算机管理窗口,依次打开“计算机管理-服务和应用程序-服务...

win8家庭中文版下载(windows家庭中文版下载)

可以按照以下步骤在Win8上下载和安装Word:1.通过微软官网下载购买,或者通过MicrosoftStore应用商店进行购买和下载。2.下载完成后,打开文件夹,双击setup进行安装。3.安...

教大家强制退出苹果id账号(教大家强制退出苹果id账号ipad)

1.首先将手机强制关机,并在电脑端安装iTunes并打开。2.用数据线将手机与电脑连接起来,长按手机电源键。3.当出现苹果标志时不要松开电源键,接着按Home键。4.直到屏幕黑屏,松开电源键。5.继续...

惠普官网驱动下载官网(惠普驱动官方)

在惠普官网下载系统驱动方法如下访问HP官网:www.hp.com找到支持与驱动页面(通常在顶部导航栏的支持或下载中)输入你的HP产品的序列号或选择产品类型和型号选择你的操作系统,然后下载相关的驱动。安...

取消回复欢迎 发表评论: