1. 数组
概念：数组是储存一系列值的变量集合，可以储存多个值。
1.1 语法
- 数组构成：数组是由一个元素或多个元素组成，各元素之间使用逗号 " ，" 分割；
- 数组元素：每个数组元素由 " 索引下标 " 和 " 值 " 构成；
- 索引下标：简称下标以数字表示，默认从0开始递增，用于识别元素；
- 值：元素的内容可以是任意数据类型，比如：数值，字符串，对象，数组等；
| 值: | 1 | ‘string’ | [1,2,3] | … | 9 | 10 |
| 下标： | [0] | [1] | [2] | … | [n-1] | [n] |
1.2 创建数组
两种方式创建数组：
//第一种是直接赋值给一个中括号（一个空数组），arr就变成了数组对象
var arr = [];
//同时也可以添加元素
var arr = [1,2,3,4];
var arr = [1,'2',NaN,null,undefined];
//第二种是通过实例化 Array() 来完成，让arr变成数组对象
var arr = new Array();
//同时也可由添加元素
var arr = new Array(1,2,3,4);
var arr = new Array(1,'2',NaN,null,undefined);Ps：有一点小区别，通过 [ ] 创建的数组时可以留空值，而同时实例化 Array( ) 创建数组时不可以留空值。
1.3 访问和修改数组元素
数组创建完成之后，可以通过 [ ] 操作符访问数组中的元素，数组的引用位于方括号左边。方括号中是一个返回非负整数的任意表达式，使用改语法即可访问数组中的元素，还可以修改数组中的元素。
例：
var arr = [1,2,3,4];
console.log(arr[3]); // 访问下标3 返回值 4
arr[2] = 10; // 通过下标修改元素值
console.log(arr); // [1,2,10,4]
//也可以通过 delete 关键字来删除数组中的元素
delete arr[1];
console.log(arr); // [1,empty,10,4] // empty 是空的意思Ps：写这段时已经 22:55 好困好像睡觉啊！！！！！！！！
1.4 数组长度
每个数组都有一个 length 属性， length 属性值代表数组中元素的个数。
例：
var arr = [];
console.log(arr.length); // 0
var arr_two = [1,2,3,4,5];
console.log(arr_two.length); // 5
var arr_three = [1,2,3,,,,7];
console.log(arr_three.length); // 7
// 数组长度也可以修改
var arr_four = [];
arr_four.length = 5;
console.log(arr_four_length); // [empty,empty,empty,empty,empty]
// 或者小于数组长度
var arr_five = [1,2,3,4];
arr_five.length = 2;
console.log(arr_five); // [1,2]1.5 遍历数组
在创建玩数组后，可以利用当前学过的循环语句 for() 来对数组进行操作，对数组进行遍历打印。
例：
var arr = [1,2,3,4,5];
for(var i = 0; i < arr.length; i++){
console.log(arr[i]);
}
// 控制台输出
// 1
// 2
// 3
// 4
// 51.6 二维数组
数组还可以根据维度来划分一维数组、二维数组、三维数组等多维数组，当前二维数组是指数组元素的 " 值 " 是一个一维数组。
例：
| 值： | arr | 2 | 3 | 4 | 5 |
| 下标： | [0] | [1] | [2] | [3] | [4] |
| 👇 | |||||
| 值： | ‘张三’ | ‘李四’ | 5 | 6 | |
| 下标： | [0] | [1] | [2] | [3] |
// 使用 [] 创建二维数组
var arr_two = [[1,2],3,[4,5]];
console.log(arr_two); // [[1,2],3,[4,5]]
// 或者直接把变量名输入进去
var arr = ['张三','李四',5,6];
var arr_one = [arr,2,3,4,5];
console.log(arr_one);
// [arr, 2, 3, 4, 5]
// [['张三','李四',5,6], 2, 3, 4, 5]
1.6.1 遍历二维数组
var arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9, 0]];
// 遍历外层
for (var i = 0; i < arr.length; i++) {
// console.log(arr[i]);
// 遍历里层
for (var j = 0; j < arr[i].length; j++) {
console.log(arr[i][j]);
}
}1.7 数组排序
1.7.1 最大值和最小值
例：
var arr = [12, 56, 25, 5, 82, 51, 22];
var max = 0;
var min = 0;
for (var i = 0; i < arr.length; i++) {
if (arr[i] > arr[i + 1]) {
max = arr[i];
}
if (arr[i] < arr[i + 1]) {
min = arr[i]
}
}
console.log(max); // 82
console.log(min); // 51.7.2 冒泡排序 (重点)
Ps：最好能手写冒泡排序代码。
实现原理：在冒泡排序的过程中，按照要求从小到大排序或从大到小排序，不断比较数组中相邻两个元素的值，将值大的元素或最小的元素交换至右端。
1.7.2.1 算法步骤
- 比较相邻的元素，如果第一个比第二个大，就交换他们的值；
- 对每一个相邻元素做同样的工作，从开始第一对到结尾最后一对，做完后最后的元素是最大值；
- 针对所有的元素重复以上的步骤，除了最后一个元素；
- 持续每次对越来越少的元素重复以上的步骤，直到没有任何元素需要比较；
例：
var arr = [3, 4, 5, 61, 9, 0];
for (var i = 0; i <= arr.length - 1; i++) { // 控制需要比较的轮数
for (var j = 0; j <= arr.length - 1 - i; j++) { // 控制参与比较的元素
if (arr[j] > arr[j + 1]) { // 判断相邻元素的大小
[arr[j], arr[j + 1]] = [arr[j + 1], arr[j]] // 解构赋值，交换值
}
}
}
console.log( '排序后的数组' + arr ); // [0,3,4,5,9,61]2. 数组的操作方法
学习数组要关注三个点
- 方法参数
- 返回值
- 改不改变原数组
2.1 栈方法和队列方法
栈方法是先进后出，push ( ) , pop ( )
队列方法是先进先出，unshift ( ) , shift ( )
Ps: 作者本人也不是很理解，推荐各位百度。
2.1.1 push ( )
| 功能描述 | 将一个或多个元素添加到数组的末尾。 |
| 语法 | arr.push ( element1 , ... , elementN ) |
| 参数 | 被添加到数组末尾的元素。 |
| 返回值 | 返回数组的新长度。 |
| 改不改变原数组 | 改变原数组 |
var arr = [1, 2, 3];
arr.push(4); //数组尾部添加一个元素
console.log(arr); // [1, 2, 3, 4]
2.1.2 pop ( )
| 功能描述 | 从数组的末尾删除一个元素。 |
| 语法 | arr.pop ( ) |
| 参数 | 无 |
| 返回值 | 返回数组中删除的元素,若是空数组则返回 undefined。 |
| 改不改变原数组 | 改变原数组 |
var arr = [1, 2, 3];
arr.pop(); //数组尾部删除一个元素
console.log(arr); // [1, 2]
2.1.3 unshift ( )
| 功能描述 | 将一个或多个元素添加到数组的开头。 |
| 语法 | arr.unshift ( element1 , ... , elementN ) |
| 参数 | 要添加到数组开头的元素或多个元素。 |
| 返回值 | 返回数组的新长度。 |
| 改不改变原数组 | 改变原数组 |
var arr = [1, 2, 3];
arr.unshift(0); //数组头部添加一个元素
console.log(arr); //[0, 1, 2, 3]
2.1.4 shift ( )
| 功能描述 | 从数组的开头删除一个元素。 |
| 语法 | arr.shift ( ) |
| 参数 | 无 |
| 返回值 | 返回数组中删除的元素,若是空数组则返回 undefined。 |
| 改不改变原数组 | 改变原数组 |
var arr = [1, 2, 3];
arr.shift(); // 数组头部删除一个元素
console.log(arr); // [2, 3]
2.2 检索方法
2.2.1 includes ( )
| 功能描述 | 用于确定数组中是否含有某个元素。 |
| 语法 | array.includes ( item , [ start ] ) |
| 参数 | item 是查找的元素, start 可选，规定在数组中开始检索的位置（包含本身的位置）。 |
| 返回值 | true 或 false。 |
| 改不改变原数组 | 不改变原数组 |
不同参数情况分析:
如果 start 为负值，则从最后一项开始算起，-1为最后一项，-2为倒数第二项。
如果 array.length + start 为负值，则整个数组都会被搜索。
如果 start 大于等于数组长度 ，则返回 false 。该数组不会被搜索。
var arr = [1, 2, 3];
console.log(arr.includes(1)); // 检测数组中有没有这个元素 返回true
2.2.2 indexOf ( )
| 功能描述 | 检测当前值在数组中第一次出现的位置索引。 |
| 语法 | indexOf( item , [start] ) |
| 参数 | item 是查找的元素, start 可选，规定在数组中开始检索的位置（包含本身的位置）。 |
| 返回值 | 返回值是在数组中可以找到给定值的第一个索引，如果不存在，则返回-1。 |
| 改不改变原数组 | 不改变原数组 |
不同参数情况分析:
如果start为负值，则从最后一项开始算起，-1为最后一项，-2为倒数第二项。
如果 array.length + start为负值，则整个数组都会被搜索。
如果start大于等于数组长度 ，则返回-1 。该数组不会被搜索。
var arr = [1, 2, 3];
console.log(arr.indexOf(1)); //返回下标 0 返回查找元素的第一个下标
2.3 数组转字符串
2.3.1 join ( )
| 功能描述 | 将数组的所有元素连接到一个字符串中。 |
| 语法 | arr.join( [separator] ) |
| 参数 | 指定一个字符串来分隔数组的每个元素。 如果缺省该值，数组元素用逗号（ , ）分隔。 如果 separator 是空字符串 ("")，则所有元素之间都没有任何字符。 |
| 返回值 | 一个所有数组元素连接的字符串。如果 arr.length 为 0，则返回空字符串。 |
| 改不改变原数组 | 不改变原数组 |
var arr = [1, 2, 3];
console.log(arr.join("-")); //返回 "1-2-3" 把数组转化位字符串 ，可替代
2.3.2 toString ( )
| 功能描述 | 返回包含所有数组值的字符串，以逗号分隔。 |
| 语法 | arr.toString ( ) |
| 参数 | 无 |
| 返回值 | 一个表示指定的数组及其元素的字符串。 |
| 改不改变原数组 | 不改变原数组 |
注意点：
join ( ) 和 toString ( ) 方法的相同点：
可将多维数组转为字符串，默认情况下使用逗号连接。 当数组元素为 undefined 、null或空数组时，数组会被转换为空字符串。
join ( )和 toString ( ) 方法的不同点：
join ( ) 方法可以指定连接数组元素的符号。
var arr = [1, 2, 3];
console.log(arr.toString()) //把数组转换位字符串 返回值 "1,2,3"
2.4 其他方法
2.4.1 Array.isArray ( )
| 功能描述 | 用于确定传递的值是否是一个数组。 |
| 语法 | Array.isArray( obj ) |
| 参数 | 需要检测的值 |
| 返回值 | 如果值是 Array，则为 true；否则为 false。 |
| 改不改变原数组 | 不改变原数组 |
var arr = [];
Array.isArray(arr); //检测是不是数组 返回true
2.4.2 splice ( ) （重点）
| 功能描述 | 通过删除或者替换(修改)现有元素或者原地添加新的元素来修改数组。 |
| 语法 | array.splice( index , deleteCount , item1 , item2 , ... ) |
| 参数 | index：必需。规定从何处添加/删除元素。 该参数是开始插入和（或）删除的数组元素的下标，必须是数字。 deleteCount：表示要移除的数组元素的个数。 item1, item2, ... ：要添加进数组的元素。 |
| 返回值 | 以数组形式返回被修改的内容。 |
| 改不改变原数组 | 改变原数组 |
对数组进行增删改：
增加：arr.splice(index, 0, item)
从索引 index 开始，deleteCount (可选):0
把 item 或者更多的内容插入到索引 index 的前面
返回值:返回空数组
修改： arr.splice(index, x, item)
从索引 index 开始,删除x个元素， item 替换删除的部分
把原有内容删除掉， 然后用新内容替换掉
返回值:修改掉原有内容的数组
删除：arr.splice(index,x)
从索引 index 开始,删除x个元素
（如果第二个参数省略， 则从 index 删除到末尾）
返回值:删除掉原有内容的数组
//增加
var arr = [33, 44, 55, 66, 77, 88];
arr.splice(2, 0, 'a', 'b')
console.log(arr); // [33, 44, "a", "b", 55, 66, 77, 88]
//修改
var arr = [33, 44, 55, 66, 77, 88];
arr.splice(1, 2, 'x', 'y')
console.log(arr); // [33, "x", "y", 66, 77, 88]
//删除
var arr = [33, 44, 55, 66, 77, 88];
//console.log(arr.splice(3,2)) // [66, 77]
console.log(arr.splice(3)); // [66, 77, 88]
console.log(arr.splice(0)); // [33, 44, 55, 66, 77, 88]
2.4.3 slice ( )
| 功能描述 | 复制原数组的部分内容。 |
| 语法 | array.slice( start, end ) |
| 参数 | start：可选。规定从何处开始选取。 如果是负数，那么它规定从数组尾部开始算起的位置。 也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。如果省略 start，则 slice 从索引 0 开始。 end：可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。 如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。 如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。(不包含 end ) |
| 返回值 | 返回一个含有被提取元素的新数组。 |
| 改不改变原数组 | 不改变原数组 |
不同参数情况分析：
array.slice(start, end)，从索引start开始查找到 end 处（不包含 end ）；
array.slice(start) 第二个参数省略，则一直查找到末尾；
array.slice(0)原样输出内容，可以实现数组克隆；
array.slice( -start, -end ) slice 支持负参数，从最后一项开始算起，-1为最后一项，-2为倒数第二；
var arr = [3, 2, 1];
console.log(arr); // [3,2,1]
console.log(arr.slice()); //复制数组 [3,2,1]
2.4.4 reverse ( )
| 功能描述 | 数组中元素的位置颠倒，并返回该数组。 |
| 语法 | arr.reverse ( ) |
| 参数 | 无 |
| 返回值 | 颠倒后的数组。 |
| 改不改变原数组 | 改变原数组 |
var arr = [1, 2, 3];
console.log(arr.reverse()); //颠倒数组 返回 [3, 2, 1]
2.4.5 concat ( )
| 功能描述 | 用于连接两个或多个数组。 |
| 语法 | concat(value, value2, ..., valueN) |
| 参数 | value 可选,参数可以是具体的值，也可以是数组对象。可以是任意多个 |
| 返回值 | 返回连接后的新数组。 |
| 改不改变原数组 | 不改变原数组 |
var arr = [1, 2, 3];
var ary = [4, 5, 6];
console.log(arr.concat(ary)); //拼接数组 返回值 [1, 2, 3, 4, 5, 6]
2.5 清空数组
// 方式1 推荐
arr = [];
// 方式2
arr.length = 0;
// 方式3
arr.splice(0, arr.length);
arr.splice(0);
2.6 数组总结
| 改变原数组方法 | |
| arr.push() | 将一个或多个元素添加到数组的末尾。 |
| arr.pop() | 从数组的末尾删除一个元素。 |
| arr.unshift() | 将一个或多个元素添加到数组的开头。 |
| arr.shift() | 从数组的开头删除一个元素。 |
| arr.splice() | 通过删除或者替换现有元素或者原地添加新的元素来修改数组。 |
| arr.reverse() | 数组中元素的位置颠倒，并返回该数组。 |
| 不改变原数组方法 | |
| arr.includes() | 用于确定数组中是否含有某个元素。 |
| arr.indexOf() | 检测当前值在数组中第一次出现的位置索引。 |
| arr.join() | 将数组的所有元素连接到一个字符串中。 |
| arr.toString() | 返回包含所有数组值的字符串，以逗号分隔。 |
| arr.slice() | 复制原数组的部分内容。 |
| arr.concat() | 用于连接两个或多个数组。 |
总结
今天主要学习了部分数组的操作方法，而且其他数组操作方法哪里没有写全，想看全部记得百度。如果笔记有错，希望大佬评论或私信纠正，谢谢！！！
每日歌曲推荐 再也没有 - 永彬Ryan.B/AY楊佬叁 - 单曲 - 网易云音乐
1687
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
