数组
装载一组数据的容器
数组的定义
方式1 字面量
语法:
var arr = [];
方式2 构造函数
语法:
var arr = new Array();
传参规则:
当没有参数时, 定义的是一个空数组
当参数只有一个并且是数字时,该数字表示数组的长度
当参数有多个时,参数就是每一个成员
方式3 构造函数
语法:
var arr = Array();
传参规则: 同上
数组的使用
存储数据
数据是以一定的顺序存储在内部 每一个数据都有一个"序号" 这个序号叫做下标 或者 索引
语法:
数组[下标] = xxx
访问数据
语法:
数组[下标]
当该代码单独出现,就表示要使用数据。就会去读取对应的数据。如果数据存在,就得到,如果不存在就读取不到,返回undefined。
数组的length属性
数组是一组数据,length属性表示这个数组中的内容的个数。简称数组的长度。
该长度是可读可写的属性。
当设置属性的时候,表示要修改该数组的长度。数组的长度会发生变化。
当读取时,会实时返回数组的当时的长度。
数组的方法
1.push
作用: 向数组的末尾增加一个成员
返回值: 数组的长度
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
// 使用数组的方法
var result = arr.push("西双版纳");
console.log(result); // 6
console.log(arr); // ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪", "西双版纳"]
2.pop
作用: 从数组的末尾移除一个成员
返回值: 被移除的成员
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
// 使用数组的方法
var result = arr.pop();
console.log(result); // 尼斯湖水怪
console.log(arr); // ["张三", "李四", "王五", "尼古拉斯赵四"]
3.unshift
作用:从数组的头部添加一个成员
返回值: 数组的长度
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
var result = arr.unshift("王二"); // 它的作用是给数组的头部增加一个新成员 并返回数组的长度
console.log(arr); // 王二 出现在数组的头部
console.log(result); // 改变之后 数组的新长度 6
4.shift
作用: 从数组的头部移除一个成员
返回值: 被移除的成员
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
var result = arr.shift(); // 它的作用是将数组的头部第一项移除 并返回
console.log(arr); // 张三已经从数组中消失
console.log(result); // 被移除的成员 张三
5.concat
作用: 将两个数组拼接
返回值:新的拼合后的数组
注:不会改变原数组
var arr = [1, 2, 3, 4];
var arr1 = arr.concat([5, 6, 7, 8]);
console.log(arr); // [1, 2, 3, 4]
console.log(arr1); // [1, 2, 3, 4, 5, 6, 7, 8]
6.sort
作用:将数组重新排序
参数:函数
接受一个函数作为参数 该函数有两个形参 分别代表数组内的两个数字 如果该函数的返回值为a - b 则数组从小到大排序
如果该函数返回的是b - a 则数组从大到小排序
返回值: 原数组
注:会改变原数组
var arr = [1, 9, 45, 55, 3, 67, 8, 101];
var arr1 = arr.sort(function(a, b) {
return a - b;
});
console.log(arr); // [1, 3, 8, 9, 45, 55, 67, 101]
console.log(arr1); // [1, 3, 8, 9, 45, 55, 67, 101]
7.slice
该方法叫做slice
它可以传递两个参数 一个参数 不传参数
var arr = [1, 2, 3, 4, 5, 6, 7, 8];
var arr1 = arr.slice(1, 2); // 从下标1的成员截取到下标2的成员 将它们装在一个新数组中 返回这个新数组
var arr2 = arr.slice(3); // 从下标3的位置 截取到最后 并放在新数组中返回
var arr3 = arr.slice(); // 截取所有原数组的成员并放在新数组中返回
console.log(arr1); // [2]
console.log(arr2); // [4, 5, 6, 7, 8]
console.log(arr3); // [1, 2, 3, 4, 5, 6, 7, 8]
var arr4 = arr.slice(-5, -1); // 负数的意思是从后往前数 从-1开始
var arr5 = arr.slice(-5); // 负数的意思是从后往前数 从-1开始 因为没有第二个参数 会截取到最后
特点: 必须要求第一个参数 比第二个参数 要小
特点: slice方法不会改变原数组
8.splice
该方法可以用于修改数组 向数组中添加内容 删除数组成员
arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
// 删除数组成员 如果要删除9 也就是数组的最后一项
arr.length--;
arr.length = arr.length - 1;
// 第一个参数表示 从哪个下标位置开始删除 第二个参数表示删除几个
// 从第三个参数开始 表示要新增的项 从第一个参数所指定的位置开始
// 返回值:新数组 内部的成员是从原数组中被移除的项 如果没有被移除的项就是空数组
arr.splice(8, 1); 从下标8的位置开始删除 删除1个 不增
// 将4 5 6这几个成员删除
var arr1 = arr.splice(3, 3);
// 将4这个成员的位置修改为10
arr[3] = 10;
arr.splice(3, 1, 10);
// 在5和6这两个成员之间插入一些数据 10 11 12 13
arr.splice(5, 0, 10, 11, 12, 13);
// 插入更多的数
arr.splice(5, 0, 10, 11, 12, 13, 14, 15, 16, 17);
console.log(arr);
console.log(arr1);
9.join
它可以以指定的内容作为连接符将数组转为字符串 参数就是连接符 可以不传递 默认为“,”
var arr = [1, 2, 3, 4, 5];
var str = arr.join("+");
console.log(str);
// 额外补充
// 请以最快的方式计算一个数组中所有成员的和
var result = eval(str);
10.indexOf
查询数组中的成员索引方法
var arr = [1, 2, 3, 4, 5, "5", 6, "5", 7, 8, 9];
// 第一步 找到字符串5 的位置
var index = arr.indexOf("5"); // 如果有 就返回该成员所在的下标数字 如果找不到 就返回-1
console.log(index);
// 它可以接受第二个参数 表示开始查询的位置
var index1 = arr.indexOf("5", 6); // 从下标为6的位置开始往后查询 直到遇见了第一个字符串5 就停止
console.log(index1);
// 移除第一个字符串5
arr.splice(index, 1);
其它语言中,对一个方法或者函数多次定义 来实现函数的重载 在JS中不行
// 函数的重载 是利用arguments 做判定来模拟的
// function fun() {
// // 根据arguments.length的具体数值 来决定这个函数的具体功能
// if (arguments.length === 2) {
// console.log("hello world");
// } else if (arguments.length === 1) {
// console.log("你好");
// } else if (arguments.length === 0) {
// console.log("世界");
// }
// }
// fun();
// fun(1);
// fun(1, 2);