数组装载一组数据的容器数组的定义方式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); // 改变之后 数组的新长度 64.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);
数组
数组装载一组数据的容器数组的定义方式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); // 改变之后 数组的新长度 64.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);
