JS-数组

也是一个对象,，是一个用来存储数据的对象和 Object 类似，但是它的存储效率比普通对象要高
可直接前往MDN学习

• 数组中保存的内容我们称为元素
• 数组中的元素可以是任意的数据类型
• 数组使用索引（index）来操作元素
• 索引指由 0 开始的整数

数组的操作

创建数组

• 使用构造函数创建数组，也可以同时添加元素
  • 语法：const arr = new Array() // 空数组
  • 语法：const arr = new Array(元素 1,元素 2,元素 n) // 有元素的数组
  • 语法：const arr = new Array(10); // 只有一个参数且是数字类型，代表创建长度为这个数字的空数组
• 使用字面量来创建数组，创建时可以直接添加数组中的元素
  • 语法：const arr = [] // 空数组
  • 语法：const arr = [元素 1,元素 2,元素 n] // 有元素的数组

添加元素

• 语法：数组[索引] = 值
• 语法：var arr = [元素 1,元素 2….元素 N];

读取数组中的元素

• 语法：数组[索引]
• 如果读取不存在的索引，返回 undefined

获取和修改数组的长度

• 使用 length 属性来操作数组的长度(元素的个数)
• 语法：数组.length
• length 获取到的是数组的最大索引+1
• 对于连续的数组，length 获取到的就是数组中元素的个数
• 对于非连续的数组，使用 length 会获取到数组的最大的索引+1
• 修改数组的长度
  • 语法：数组.length = 新长度
  • 如果修改后的 length 大于原长度，则多出的部分会空出来
  • 如果修改后的 length 小于原长度，则原数组中多出的元素会被删除
• 向数组的最后添加元素
  • 语法：数组[数组.length] = 值;

数组的方法

• push()
  • 用来向数组的末尾添加一个或多个元素，并返回数组新的长度
  • 语法：数组.push(元素 1,元素 2,元素 N)
• pop()
  • 用来删除数组的最后一个元素，并返回被删除的元素
• unshift()
  • 向数组的开头添加一个或多个元素，并返回数组的新的长度
• shift()
  • 删除数组的前边的一个元素，并返回被删除的元素
• slice()
  • 可以从一个数组中截取指定的元素
  • 该方法不会影响原数组，而是将截取到的内容封装为一个新的数组并返回
  • 参数： 1.截取开始位置的索引（包括开始位置） 2.截取结束位置的索引（不包括结束位置） - 第二个参数可以省略不写，如果不写则一直截取到最后 - 参数可以传递一个负值，如果是负值，则从后往前数
• splice()
  • 可以用来删除数组中指定元素，并使用新的元素替换
  • 使用 splice()会影响到原数组，会将指定元素从原数组中删除
    该方法会将删除的元素封装到新数组中返回
  • 参数： 1.删除开始位置的索引 2.删除的个数 3.三个以后，都是替换的元素，这些元素将会插入到开始位置索引的前边
• forEach() — 这个方法只支持 IE8 以上的浏览器
  • 需要一个回调函数作为参数
  • 数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素
  • 以实参的形式传递进来，我们可以来定义形参，来读取这些内容
  • 浏览器会在回调函数中传递三个参数：
    第一个参数，就是当前正在遍历的元素 value
    第二个参数，就是当前正在遍历的元素的索引 index
    第三个参数，就是正在遍历的数组本身
• concat()
  • 可以连接两个或多个数组，并将新的数组返回
  • 该方法不会对原数组产生影响
• join()
  • 该方法可以将数组转换为一个字符串
  • 该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回
  • 在 join()中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符
    如果不指定连接符，则默认使用,作为连接符
• reverse()
  • 该方法用来反转数组（前边的去后边，后边的去前边）
    • 该方法会直接修改原数组
• sort() — 默认升序
  • 可以对一个数组中的内容进行排序，默认是按照 Unicode 编码进行排序，调用以后，会直接修改原数组。
  • 在 sort()添加一个回调函数，来指定排序规则，
    • 回调函数中需要定义两个形参,浏览器会根据回调函数的返回值来决定元素的顺序
    • 如果需要升序排列，则返回 a-b
    • 如果需要降序排列，则返回 b-a
    • 示例：

// 对与Number类型
arr.sort((a,b) => {
// 升序排列
return a - b;
// 降序排列
return b - a;
});
- arr.sort((a,b) => a.val-b.val) 降序

//对于String类型
arr.sort((a,b) => {
	if(a>b)return 1
	else if(a<b) return -1
	else return 0
})

实战

去除数组中重复的数字
for (var i = 0; i < arr.length; i++) {
	for (var j = i + 1; j < arr.length; j++) {
		//判断两个元素的值是否相等
		if (arr[i] == arr[j]) {
			//如果相等则证明出现了重复的元素，则删除j对应的元素
			arr.splice(j, 1)
			//使j自减
			j--
		}
	}
}

• 判断一个数组内的元素是否都相等

const isEqual = (list: number[]): boolean => {
	const _list = list
		.map((ele, index) => {
			if (index < list.length - 1 && ele === list[index + 1]) return true
		})
		.filter((item) => item)
	return _list.length === list.length - 1
}

• 判断两个数组是否相等，该情况下两边的数组顺序要一致
  use1:使用 every 来判断数组两边的值是否相等
  arr1.length === arr2.length && arr1.every((item,index) => item === arr2[item])
• 遍历数组是记录数组中最大(小)值？

let max = a[0] // 辅助变量
for (let i = 1; i < arr; i++) {
	max = Math.max(a[i], max)
}

• 统计元素出现的次数？

const nums = [1, 1, 2, 5, 5, 8] // 原数组
let cnt = [0, 0, 0, 0, 0, 0] // 索引数组
for (let i of nums) {
	console.log(i, typeof i)
	cnt[i] += 1 // 通过i，获取在cnt的对应索引就知道i出现多少次
}

• 统计元素在数组中出现的最左最右的位置