JavaScript数组0709
1.创建方式
- 通过构造函数创建数组
- let 变量名称 = new Array(size); 创建一个指定大小数组
- let 变量名称 = new Array(); 创建一个空数组
- let 变量名称 = new Array(data1, data2, ...); 创建一个带数据的数组
- 通过字面量创建 ==推荐==
- let 变量名称 = []; 创建一个空数组
- let 变量名称 = [data1, data2, ...]; 创建一个空数组
2.注意点
- 和其它编程语言不同, 如果数组对应的索引中没有存储数据, 默认存储的就是undefined
- 和其它编程语言不同, JavaScript中访问了数组中不存在的索引不会报错, 会返回undefined
- 和其它编程语言不同, 当JavaScript中数组的存储空间不够时数组会自动扩容
- 和其它编程语言不同, JavaScript的数组可以存储不同类型数据
- 和其它编程语言不同, JavaScript中数组分配的存储空间不一定是连续的其它语言数组分配的存储空间都是连续的, JavaScript数组是采用"哈希映射"方式分配存储空间
- 如果存储的都是相同类型的数据, 那么会尽量分配连续的存储空间
- 如果存储的不是相同的数据类型, 那么就不会分配连续的存储空间
3.数组解构
-
解构赋值是ES6中新增的一种赋值方式
let arr = [1, 3, 5]; let [a, b, c] = arr;在数组的解构赋值中, 等号左边的格式必须和等号右边的格式一模一样, 才能==完全解构==
在数组的解构赋值中, 左边的个数可以和右边的个数不一样(少的就是undefined
在数组的解构赋值中,如果右边的个数和左边的个数不一样, 那么我们可以给左边指定默认值
在数组的解构赋值中, 如果左边的个数和右边的个数不一样, 那么如果设置默认值会被覆盖
-
在数组的解构赋值中, 还可以使用ES6中新增的扩展运算符来打包剩余的数据,如果使用了扩展运算符, 那么扩展运算符只能写在最后
// ES6中新增的扩展运算符: ... // let [a, b] = [1, 3, 5]; let [a, ...b] = [1, 3, 5];
数组增删改查
1.增
//1.push方法可以在数组的最后新增数据, 并且会将新增内容之后数组当前的长度返回给我们 let res = arr.push("d"); console.log(res); console.log(arr); // 数组的push方法可以接收1个或多个参数 arr.push("d", "e"); // 需求: 要求在数组最前面添加一条数据 (返回长度),unshift方法和push方法一样, 可以接收1个或多个参数 let res = arr.unshift("m"); console.log(res); console.log(arr);
2.删
// 需求: 要求删除数组最后一条数据 (删) // 数组的pop方法可以删除数组中的最后一条数据, 并且将删除的数据返回给我们 let res = arr.pop(); console.log(res); console.log(arr); // 需求: 要求删除数组最前面一条数据 (删) // 数组的shift方法可以删除数组中的最前面一条数据, 并且将删除的数据返回给我们 let res = arr.shift(); console.log(res); console.log(arr); // 需求: 要求删除数组中索引为1的数据 (删) // 以下代码的含义: 从索引为1的元素开始删除1条数据 // 参数1: 从什么位置开始 // 参数2: 需要删除多少个元素 arr.splice(1, 1); console.log(arr); // 需求: 要求删除数组中除了第0条以外的所有数据 (删) arr.splice(1, 2); console.log(arr);
3.改
// 参数1: 从什么位置开始 // 参数2: 需要替换多少个元素 // 参数3开始: 新的内容 arr.splice(1, 2, "d", "e"); console.log(arr);
数组常用方法
1.清空数组
arr.splice(0, arr.length)
2.将数组转化为字符串
let str = arr.toString();
3.将数组转换为指定格式字符串
// join方法默认情况下如果没有传递参数, 就是调用toString(); // join方法如果传递了参数, 就会将传递的参数作为元素和元素的连接符号 let str = arr.join("+"); console.log(str); console.log(typeof str);
4.数组的拼接
let arr1 = [1, 3, 5]; let arr2 = [2, 4, 6]; //注意点: 数组不能够使用加号进行拼接, 如果使用加号进行拼接会先转换成字符串再拼接 // let res = arr1 + arr2; let res = arr1.concat(arr2); // 注意点: 扩展运算符在解构赋值中(等号的左边)表示将剩余的数据打包成一个新的数组 //扩展运算符在等号右边, 那么表示将数组中所有的数据解开, 放到所在的位置 let res = [...arr1, ...arr2]; // let res = [1, 3, 5, 2, 4, 6]; console.log(res); console.log(typeof res); //注意点: 不会修改原有的数组, 会生成一个新的数组返回给我们 console.log(arr1); console.log(arr2);
5.数组反转
let res = arr.reverse(); console.log(res); // 注意点: 会修改原有的数组 console.log(arr);
6.截取指定范围内容
let arr = [1, 2, 3, 4, 5]; // slice方法是包头不包尾(包含起始位置, 不包含结束的位置) let res = arr.slice(1, 3) console.log(res); console.log(arr);
7.查找元素位置
let arr = [1, 2, 3, 4, 5, 3]; // indexOf方法如果找到了指定的元素, 就会返回元素对应的位置 // indexOf方法如果没有找到指定的元素, 就会返回-1 // 注意点: indexOf方法默认是从左至右的查找, 一旦找到就会立即停止查找 let res = arr.indexOf(3); let res = arr.indexOf(6); // 参数1: 需要查找的元素 // 参数2: 从什么位置开始查找 let res = arr.indexOf(3, 4); // 注意点: lastIndexOf方法默认是从右至左的查找, 一旦找到就会立即停止查找 let res = arr.lastIndexOf(3); let res = arr.lastIndexOf(3, 4); console.log(res);
8.分割有符号的数组
//例如我们键盘输入1,2,4,3,5(有逗号) 执行完后s为[1,2,4,3,5]
let a = prompt();
let s=a.split(",");
数组练习
- 几种排序
二维数组
取元素
let arr = [[1, 3], [2, 4]]; //数组名称[二维数组索引]; 得到一个一维数组 let arr1 = arr[0]; console.log(arr1); // 数组名称[二维数组索引][一维数组索引]; 得到一维数组中的元素 let ele = arr[0][1]; console.log(ele);
存元素
// 注意点: 在定义二维数组的时候, 将来需要存储多少个一维数组, 就写上多少个[]即可 let arr = [[],[]]; // 数组名称[二维数组索引] = 一维数组; arr[0] = [1, 3]; //数组名称[二维数组索引][一维数组索引] = 值; arr[1][0] = 2; console.log(arr);
遍历(注意和c,java的区别)
let arr = [[1, 3], [2, 4]]; for(let i = 0; i < arr.length; i++){ let subArray = arr[i]; // console.log(subArray); for(let j = 0; j < subArray.length; j++){ console.log(subArray[j]); } }
