007-Array数组

Apr 11, 2025 2:52 AM

Apr 16, 2025 3:05 AM

1. 数组基础

创建

let arr1  = new Array(e1,e2,e3);
let arr2 = [e1,e2,e3];
let arr3 = [];  //创建空数组

读取
- 下标读取 arr[i]
赋值
- arr[9] = "新增值"
长度
- arr.length
注意：
- 同一个数组其实可以存储不同数据类型的元素
- 如果同时存储了不同的数据类型元素，不同的遍历方式会有很大差异，包括：
  - for of
  - for in
  - forEach

2. 数组的方法

2.1. 方法概览

| 归类  | 方法                    | 口诀   |
| ---   | ---------------------- | ---    |
| 增    | push(a1, a2, a3...)    | 尾加多  |
|  ^^   | unshift(a1,a2,a3...)   | 头加多  |
| 删    | pop()                  |  尾删一 |
|   ^^  | shift()                |  头删一 |
| 改    | splice(n1,n2,a1,a2...) |  任意位置 增删多   |
| ^^    | slice(a,b)             |  截取   |
| ^^    | join("#")              |转String |
| ^^    | concat(arr1,arr2)      |  拼接   |
| ^^    | reverse()              |  倒置   |
| 查    | includes(a[,index])    | 支持找NaN      |
| ^^    | indexOf(a[,index])     | 不支持找NaN    |
| ^^    | lastIndexOf(a[,index]) | 不支持找NaN    |

2.2. 增

push() 尾加多
unshift() 头加多

2.3. 删

pop() 尾删一
shift() 头删一

2.4. 改

splice(n1,n2,add1,add2...) 任意位置增删多
- n1下标，n2 删除个数 add 插入内容
- 改变原数组
- 返回值：新数组，包含被删除项
slice(a,b) 截取子数组
- 支持负数，表示倒数几项

let arr = ['A','B','C','D','E','F'];
let arr1 = arr.slice(2,5);
let arr2 = arr.slice(2);
let arr3 = arr.slice(2,-1);
console.log(arr1);
console.log(arr2);
console.log(arr3);

join(间隔字符) 数组转字符串
- 不改变原数组
- 返回值：String
- 与split() 搭配使用

let arr = ['A','B','C','D','E','F'];
let arr1 = arr.join();
let arr2 = arr.join(""); //空字符串
let arr3 = arr.join("#");
let arr4 = arr.join(" "); //三个空格
console.log(arr1);
console.log(arr2);
console.log(arr3);
console.log(arr4);
console.log(arr); //判断是否改变原数组

- 运行结果：

concat(arr1,arr2,arr3,...) 拼接数组
- 不改变原数组
- 返回值：拼接后的Array

let arrA = ['A','B','C'];
let arrB = ['D','E','F'];
let arr1 = arrA.concat(arrB);
console.log(arr1);
console.log(arrA);
console.log(arrB);

reverse() 倒置数组
- 改变原数组
- 返回值：倒置后的数组（和倒置后的原数组是同一个数组，指向同一块数组内存）

let arrA = ['A','B','C'];
let arr1 = arrA.reverse();
console.log(arr1);
console.log(arrA);
//测试倒置后arrA和arr1是不是同一个数组
arr1[3] = "D";
console.log(arr1);
console.log(arrA);

2.5. 查

includes()
- 语法：arr.includes(valueToFind[,fromIndex])
- 不改变原数组
- 返回值：Boolean 即true/false
- 比较方式： SamevalueZero (引用类型比较要注意)
- valueToFind : 要查找的值
- fromIndex : 从这个索引开始查找，默认0 ，支持负数（表示从尾部开始查找）
- 数据类型判断总结

方法	严格程度	底层原理	特殊值备注
Object.is()	🌟🌟🌟🌟🌟	SameValue	✅ NaN === NaN，✅ 区分 +0 和 -0
Number.isNaN()	🌟🌟🌟🌟🌟	=== NaN（无类型转换）	✅ 精确判断 NaN，❌ 不误判字符串
includes()	🌟🌟🌟🌟🌟	SameValueZero	✅ NaN == = NaN，✅ +0 === -0（不区分）
===	🌟🌟🌟🌟	Strict Equality	❌ NaN !== NaN，✅ +0 === -0（不区分）
indexOf()	🌟🌟🌟	===	❌ 无法识别 NaN，✅ 匹配 +0/-0 (不区分)
isNaN()	🌟🌟	Number() + isNaN	⚠️ 易误判：如 isNaN('abc') → true
==	🌟	Abstract Equality	❌ NaN，⚠️ 类型自动转换，易出错

indexOf()
- 语法：arr.indexOf(valueToFind[,fromIndex])
- 不改变原数组
- 返回值：找到的数据的下标, Number类型
- 比较方式：===
  - 示例代码：

let arr = ["a",'b','c',NaN]
let index1 = arr.indexOf(NaN); //-1
let index2 = arr.indexOf("b"); //1
let index3 = arr.lastIndexOf(NaN); //-1
let index4 = arr.lastIndexOf("c"); //2
console.log(index1)
console.log(index2)
console.log(index3)
console.log(index4)

- 运行结果：