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 以上的浏览器
  • 需要一个回调函数作为参数
  • 数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素
  • 以实参的形式传递进来，我们可以来定义形参，来读取这些内容
  • 浏览器会在回调函数中传递三个参数：
    1.就是当前正在遍历的元素 value
    2.就是当前正在遍历的元素的索引 index
    3.就是正在遍历的数组本身
• 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出现多少次
  }