数组基本知识

数组创建

1. 字面量创建

   var arr1 = [];
   var arr2=[1,2,3,5];
   

2. 构造函数创建数组

   var arr3 = new Array();
   var arr4 = new Array(10);
   

数组的常用方法

1. 数组的增删查

   方法名	说明	返回值
   push(参数1…)	末尾添加一个或多个元素，注意修改原数组	并返回新的长度
   pop()	删除数组最后一个元素	返回它删除的元素的值
   unshift(参数1…)	向数组的开头添加一个或更多元素，注意修改原数组	并返回新的长度
   shift()	删除数组的第一个元素，数组长度减1，无参数，修改原数组	并返回第一个元素
   splice(start,num,item1,item2,item3,…)	删除数组从start（索引号）开始的num个元素并添加元素item1，item2

2. 数组的排序

   方法名	说明	是否修改原数组
   reverse()	颠倒数组中元素的顺序，无参数	该方法会改变原来的数组，返回新数组
   sort()	对数组的元素进行排序	该方法会改变原来的数组，返回新数组

   例子：
       // arr.sort();
       var arr=[1,2,3,6,4,5,7]
       arr.sort(function(a,b){
           return a-b;
       })
       console.log(arr)
   

3. 数组转字符串

   方法名	说明	返回值
   toString()	把数组转换成字符串，逗号分隔每一项	返回一个字符串
   join(‘分隔符’)	方法用于把数组中的所有元素转换为一个字符串	返回一个字符串

4. es5新增

   方法名	说明	返回值
   indexOf()	数组中查找给定元素的第一个索引	如果存在返回索引号，如果不存在，则返回-1
   lastIndexOf()	在数组的最后一个索引，从后向前索引	如果存在返回索引号，如果不存在，则返回-1
   forEach()	循环数组打印索引或值或数组	[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ugBQtJMJ-1652074321358)(C:\Users\23814\AppData\Roaming\Typora\typora-user-images\image-20220322211327218.png)]
   map()	和forEach类似，只不过可以对数组中的每一项进行操作，返回一个新的数组	[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IfvhYfre-1652074321359)(C:\Users\23814\AppData\Roaming\Typora\typora-user-images\image-20220322211412654.png)]
   filter()	和map的使用方式类似，按照我们的条件来筛选数组(把原始数组中满足条件的筛选出来，组成一个新的数组返回)	[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wzqicLMd-1652074321360)(C:\Users\23814\AppData\Roaming\Typora\typora-user-images\image-20220322214000997.png)]

5. 其他

   方法名	说明	返回值
   concat()	连接两个或多个数组 不影响原数组	返回一个新的数组

数组遍历

1. 方式一：原生的 for 循环

   最简单的一种循环遍历方法，也是使用频率最高的一种。

   let arr = [1, 2, 3, 4, 5, 6];
   for(let i = 0; i < arr.length; i++) {
     console.log(arr[i]);
   }
   

2. 方式二：for…in…

   这个循环用的人也很多，但是效率最低（输出的 key 是数组索引）。

   let arr = ['我', '是', '谁', '我', '在', '哪'];
   for(let key in arr) {
     console.log(key);
   }
   

3. 方式四：forEach

   执行时，数组里的元素个数有几个，该方法里的回调就会执行几次。其中第一个参数是数组里的元素，第二个参数为数组里元素的索引，第三个参数则是数组自己。

   该方法是数组自带的遍历方法，虽然使用频率略高，但是性能仍然比普通循环略低。

   let arr = [1, 2, 3, 4, 5, 6];
   arr.forEach(function (item, index, array) {
     console.log(item);
     console.log(array);
   })
   

数据类型的存储方式

+ 不同数据类型之间区别

+ 存储的区别 – 基本数据类型内容在栈内存，复杂数据类型内容在堆内存

+ 比较的区别 – 基本数据类型比较的是值，复杂数据类型比较的是地址

数据类型的存储方式

+ 不同数据类型之间区别

+ 存储的区别 – 基本数据类型内容在栈内存，复杂数据类型内容在堆内存

+ 比较的区别 – 基本数据类型比较的是值，复杂数据类型比较的是地址