网站首页 > 基础教程 正文
一、数组基本用法
1、创建数组方法
(1)使用new关键字
(2) 使用中括号[],
( 3) 使用Array.of() (es6)
2、数组的长度(属性)
数组的长度:就是数组中元素的个数, 使用length属性
3、数组元素下标
(1)数组中元素的下标从0开始
可以通过下标访问或修改数组的元素;下标写在中括号里面 。
(2)数组的长度
数组的长度-1 = 最后一个元素的下标
二、数组的方法
1、数组中元素的添加和删除
(1)unshift()
在数组的最前面添加元素,并返回新的数组长度。
(2)push()
在数组的最后面添加元素,并返回新的数组长度
(3)shift()
删除在数组的最前面元素;并返回删除的那个值
(4)pop()
删除在数组的最后面元素;并返回删除的那个值
2、合并数组 concat
3、将数组连接成字符串 join
join()把数组的所有元素放入一个字符串,通过一个分隔符进行分隔。
4、includes()
includes()方法用于判断数组中是否包含一个元素,区分大小写;返回的是布尔值。
5、indexOf()
返回某个指定元素在数组中首次出现的位置(下标),如果找不到就返回-1。
6、lastIndexOf()
返回某个指定元素在数组中最后出现的位置(下标)。
7、截取数组 slice()
(1)语法
slice(start,end) 截取数组中的元素;不操作数组本身,返回start(包含)到end(不包含)之间的元素组成的数组,位置从0开始。
(2)规则
① 如果start大于或等于end,返回一个空数组
② 如果只有一个参数,则默认为start,则返回从start(包含)到数组的末尾
8、splice()
操作数组本身,兼具删除,添加和替换功能。
格式:splice(索引,删除的数量,添加的元素)
索引:从0开始
删除的数量:可选;整数,表示要移除的数组元素的个数。
添加的元素:可选;一个或多个元素
9、颠倒 reverse()
将数组中元素的位置颠倒,并返回该数组,操作数组本身。
10、排序 sort()
按照字符的unicode编码排序,从小到大排序。操作数组本身。
三、数组的迭代方法--高阶函数
1、forEach()
forEach()方法用于遍历整个数组。forEach中不可以使用return。
forEach(fn) :fn是回调函数,该函数有两个参数(参数名是自定义的)。第1个参数是代表数组中的每一项, 第2个参数是下标。
2、filter()
用于过滤原数组,返回满足条件的新数组。
3、every() ====>逻辑与 && 一假则假
用于检查数组中,所有元素是否都满足条件;有一个元素让条件为false,则返回false(全部为真才返回真),且剩余的元素不会再进行检测。
4、some()======>逻辑或 || 一真则真
用于检查数组中,是否有满足条件的元素;有一个元素让条件为true,则返回true(有一个为真则为真),且剩余的元素不会再进行检测。
5、find()
用于查找数组中满足条件的第一个元素。没找到就返回undefined。
6、findIndex()
用于查找数组中满足条件的第一个元素的索引。没找到就返回 -1。
7、reduce()
循环数组中的每一项进行累计操作。
语法:arr.reduce(callback,[initialValue])
callback:执行数组中每个值的函数,包含四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组。
initialValue:作为第一次调用 callback 的第一个参数。
8、map()
用于将原始数组中的所有元素,根据条件返回一个全新的数组。
- 上一篇: ES6语法——解构赋值
- 下一篇: 数组、去重、排序、合并、过滤、删除
猜你喜欢
- 2024-12-03 系列专栏:ES6简介
- 2024-12-03 ES6中扩展运算符的8种用法
- 2024-12-03 ES6!你没用过的新语法(附代码)
- 2024-12-03 ES6 解构赋值
- 2024-12-03 短小精悍的js数组操作
- 2024-12-03 数组、去重、排序、合并、过滤、删除
- 2024-12-03 ES6语法——解构赋值
- 2024-12-03 ES6 中 Array 新增的方法有哪些?
- 2024-12-03 es6
- 2024-12-03 JavaScript-js中对数组的常见操作
- 最近发表
-
- 在使用Bootstrap吗?快来看看如何使用 Bootswatch 主题吧
- 50个HTML5免费的Bootstrap模板 :下
- 定制你的bootstrap之--修改less文件1
- BootstrapBlazor :使用 .NET 生成交互式客户端 Web UI 的框架
- React与使用Bootstrap5模态框的注意事项
- 如何引用bootstrap没有的字体图标
- 10个超酷炫Bootstrap HTML & CSS UI工具包
- Bootstrap自举电路工作原理讲解(自举电路的原理)
- 为何 BootstrapVue 能成为 Vue 前端框架顶流?
- 新增 创意布局企业网络服务CSS模板 bootstrap 模板
- 标签列表
-
- jsp (69)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- tail-f (79)
- queryselectorall (63)
- location.search (79)
- bootstrap教程 (74)
- deletesql (62)
- linuxgzip (68)
- 字符串连接 (73)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)