JS基础知识点：数组Array（拓展知识点：伪数组）

【简单的JS知识点，复习用】

---

目录

1.数组是什么？

2.声明一个数组

3.length 数组长度

4.索引值（即数组元素下标）

5.数组方法

6.伪数组/类数组

---

1.数组是什么？

   数组是由一个又一个元素组成的有序的集合

2.声明一个数组

声明数组有两种方式

（1）字面量声明数组

  var arr = ['张三', 18, { sex: '男' }]
  console.log(arr);

（2）构造函数声明

 var arr = new  Array()  //创建了一个空数组
 console.log(arr);
 //延伸一点--- 给第一个元素（arr[0]）赋值
 arr[0] = '张三'
 console.log(arr);

 var arr1 = new Array(11,55,88,99) // 创建了一个数组里面有四个元素
 console.log(arr1);

3.length 数组长度

数组长度是数组内元素的个数

4.索引值（即数组元素下标）

通过索引值获取数组元素------数组名[索引号]

超过数组索引值是拿不到元素的

 var arr = ['张三', 18, { sex: '男' }]
 console.log(arr[1]);//18
 console.log(arr[3]);//数组中没有整这个元素 结果输出为undefined

索引值是从0开始的，数组最后一个元素的索引值可以通过arr.length-1获取（但是数组索引值与数组长度无关）

5.数组方法

数组的操作方法可以分为增，删，改，查，排序，迭代，转换

主要记忆七个内置的操作方法：改变数组本身

         push ：向数组的尾部添加一个或多个元素，返回新数组长度

         pop：删除数组尾部元素，返回被删除元素

         shift：删除数组头部元素，返回被删除元素

         unshift：向数组头部添加一个或多个元素，返回新数组长度

         sort：对数组进行排序，排序的规则是以字符串的规则进行比较的，返回排序后的数组

         reverse：数组反转，返回反转后的数组

        splice：可以增加，删除，修改；本质上是删除；有三个参数，分别是（从哪里开始删除，要删除的个数，要添加的数据）；返回被删除/替换的元素组成的数组

循环遍历数组的方法：forEach    对数组进行循环遍历；有三个参数，分别是（遍历到的数组的数据，对应的索引，数组自身）；没有返回值

filter  功能同forEach；对数组进行过滤；返回所有符合条件的元素   一个新数组

map  对数组的每一项进行操作，返回新数组

some  判断数组中是否有满足条件的元素，如果有返回true ，否则false

every  判断数组中元素是否全部满足条件，如果有返回true ，否则false

查询数组的方法：indexOf  查找第一个符合条件的下标，查不到返回-1

lastIndexOf  查找最后一个符合条件的下标，查不到返回-1

findIndex   查找第一个符合条件的下标，查不到返回-1

find  查找第一个符合条件的元素，查不到返回undefined

includes   是否包含某个元素  如果包含true，否则false

数组转换为字符串的方法：join（）

字符串转换为数组的方法：split（）

 //数组和字符串相互转化
   var arr=[1,2,3,4]
   console.log(arr.join('-'));//1-2-3-4
   var str='1-2-3-4'
   console.log(str.split('-').map(item=>item*1));//[1, 2, 3, 4]

6.伪数组/类数组

概念：伪数组和数组类似，有数组的长度属性，但是没有数组原型链上的操作方法

常见的伪数组有：arguments（获取函数所有参数）、nodeList

伪数组转化为数组   ：将原型上数组方法截取到伪数组上

（1）var a = Array.prototype.slice.call(伪数组)

（2）var a = [   ].silce.call(伪数组)

（3）[...伪数组]展开运算符

（4）es6新增 ：Array . from（ ）