JavaScript 数组

2022-09-29 本文已影响0人 t遇见

一、认识数组
（1）什么是数组
数组Array：一个容器中可以存储多个数据的对象，语法中通过Array表示
二、数组声明
（1）字面量创建数组(推荐)

// 2、对象创建，声明一个数组
// 对象的创建语法：固定语法， new 关键字()
var advTechs = new Array('vue', 'react', 'mp', 'uni-app', 'data')
console.log(advTechs)
// new Array() 创建了一个【空】数组对象
// new Array('vue', 'react') 创建了一个包含两个数据的数组对象

（2）对象创建方式(了解)

// 2、对象创建，声明一个数组
// 对象的创建语法：固定语法， new 关键字()
var advTechs = new Array('vue', 'react', 'mp', 'uni-app', 'data')
console.log(advTechs)
// new Array() 创建了一个【空】数组对象
// new Array('vue', 'react') 创建了一个包含两个数据的数组对象

三、常见操作操作

函数名称	描述
`a.push(dat)`	数组的末尾追加一个数据`dat`
`a.pop()`	删除数据末尾的一个数据
`a.unshift()`	数组的开头添加一个数据`dat`
`a.shift()`	数组的开头删除一个数据

四、数组遍历函数
一个数组中可以包含多个数据，将多个数据循环操作的过程（多个数据挨个操作的过程）称为遍历数组

遍历方式	掌握程度	描述
`for`循环	了解	普通`for`循环遍历数组
`for..in`循环	掌握	增强型`for`循环遍历数组
`forEach()`	掌握	遍历数组的函数
`filter()`	掌握	条件遍历数组的函数
`map()`	掌握	算法遍历数组的函数
`every()`	了解	全部数据判断遍历数组的函数
`some()`	了解	部分数据判断遍历数组的函数
`reducer()`	了解	数据累计遍历数组的函数

五、数组其他函数
（1）查询某个数据是否包含在数组中

函数	描述
`a.includes(dat)`	判断`dat`是否包含在`a`数组中<br />包含`true`、不包含`false`<br />掌握
`a.indexOf(dat)`	获取`dat`数据在数组`a`中第一次出现的位置，得到索引<br />如果不包含返回`-1`<br />掌握
`a.lastIndexOf(dat)`	获取`dat`数据再数组`a`中最后一次出现的位置<br />如果不包含返回`-1`
`a.find(function() {})`	查询并返回数组`a`中包含的某个数据-第一次出现<br />掌握
`a.findIndex(function() {})`	查询并返回数组`a`中包含的某个数据的索引<br />掌握
`a.findLast(..)`	查询并返回数组`a`中包含的某个数据-最后一次出现
`a.findLastIndex(..)`	查询并返回数组`a`中包含的某个数据的索引-最后一次出现的位置

（2）其他操作函数

函数	描述
`concat()`	拼接两个数组
`join()`	将数组中的数据拼接成字符串
`reverse()`	翻转数组
`slice()`	拆分数组，截取数组
`sort()`	数组排序
`splice()`	删除或者替换数据
`toString()`	转换成字符串

JavaScript 数组

猜你喜欢

热点阅读