目录
一、Array数组介绍
1.概念
2.创建数组: 使用数组字面量([])或Array构造函数来创建数组。
3.访问数组元素: 可以使用索引来访问数组中的元素,索引从0开始计数。
4.数组长度: 可以使用length属性获取数组的长度。
5.JavaScript提供了丰富的数组方法用于操作数组
6.多维数组: JavaScript中的数组也可以是多维的,可以包含其他数组作为其元素。
7.迭代数组: 可以使用for循环、forEach、map等方法来迭代数组元素。
8.数组的特性
二、Array数组方法实现
push(): 向数组末尾添加一个或多个元素,并返回新的长度。
pop(): 移除数组中的最后一个元素,并返回移除的元素。
shift(): 移除数组中的第一个元素,并返回移除的元素。
unshift(): 向数组开头添加一个或多个元素,并返回新的长度。
splice(): 从指定位置开始,删除指定数量的元素,并可以在该位置插入新的元素。
slice(): 返回一个从指定开始索引到结束索引(不包括结束索引)的新数组,原数组不会改变。
concat(): 将两个或多个数组合并成一个新数组,并返回该新数组。
forEach(): 遍历数组中的每个元素,并对每个元素执行提供的回调函数。
copyWithin(): 在数组内部将一部分元素拷贝到另一部分元素,不会改变数组长度。
entries(): 返回一个包含数组键值对的迭代器对象。
every(): 判断数组中的所有元素是否满足指定条件。
fill(): 用一个固定值填充数组的所有元素。
filter(): 根据指定函数过滤数组中的元素。
find(): 返回数组中满足提供的测试函数的第一个元素的值。
findIndex(): 返回数组中满足提供的测试函数的第一个元素的索引。
flat(): 将多维数组扁平化为一维数组。
flatMap(): 对数组的每个元素执行指定的函数(类似于map),然后对结果进行扁平化处理,并返回一个新数组。
includes(): 判断数组是否包含指定元素。
indexOf(): 返回指定元素在数组中第一次出现的位置,如果不存在则返回-1。
join(): 将数组中所有元素以指定的分隔符连接成一个字符串。
keys(): 返回一个包含数组索引的迭代器对象。
lastIndexOf(): 返回指定元素在数组中最后一次出现的位置,如果不存在则返回-1。
map(): 对数组中的每个元素执行指定的函数,并返回一个新数组。
reduce(): 对数组中的每个元素执行指定的累积函数,将结果汇总为单个值。
reduceRight(): 类似于reduce()方法,但是从数组的末尾开始。
reverse(): 反转数组中元素的顺序。
some(): 判断数组中是否至少有一个元素满足指定条件。
sort(): 对数组进行排序,可以指定排序规则的比较函数。
toLocaleString(): 返回数组的本地化字符串表示。
toString(): 将数组转换为字符串。
values(): 返回一个包含数组值的迭代器对象。
三、数组应用实例
1.存储和处理数据:
2. 数据可视化:
3. 表单数据处理:
4. 游戏开发:
5.简单的待办事项列表应用程序(完整例子)
四、数组应用场景
一、Array数组介绍
1.概念
JavaScript中的Array(数组)是一种用于存储多个值的数据结构,它是一种有序的集合,可以包含各种类型的数据,例如数字、字符串、对象等。
2.创建数组: 使用数组字面量([])或Array构造函数来创建数组。
const array1 = [1, 2, 3, 4]; // 使用数组字面量创建数组
const array2 = new Array(1, 2, 3, 4); // 使用Array构造函数创建数组