学习目标:
目录
学习目标: 了解数组的含义、熟练的使用数组的一些方法、可以独立完成数组增删改查
3、数组的长度
4、数组元素的添加
5、数组元素的删除
6、数组元素的索引("查")
7、数组元素的排序
学习时间:2021-9-26
学习产出:JS-数组
学习内容:
使用一个变量名来储存一系列的值
1、使用Array构造函数
var arr1 = new Array();
注:括号里面参数可以有参数,如果只有一个参数,表示该数组有长度,如果有多个数字或者一个表示的是传递数组中应该包含的值
2、使用数组字面量
var arr2 = [];
【3】 数组的长度
var arr = [1, 2, 3, "a", 5, "哈哈", 7, 8, [9, 10]]; console.log(arr.length);// 输出 9
语法:数组.length;
注:数组长度是从1开始,数组里面可以任意数据类型,若里面嵌套数组,当做一个整体
【4】 数组元素的添加
方法:push()、unshift()
1、push() 在我们数组的末尾,添加一个或者多个数组元素,类似“推”的意思
(1) push() 是可以给数组追加新元素
(2) push() 参数直接写数组元素就可以
(3) push() 完毕之后 返回的结果是新数组的长度
(4) 原数组也会发生变化
var arr = [1, 2, 3]; var arrPush = arr.push(4, 'kit'); console.log(arr); // [1, 2, 3, 4, "kit"] console.log(arrPush); // 返回新长度 5
2、unshift() 在我们数组的前面 添加一个或多个数组元素
(1) unshift 是可以给数组追加新元素
(2) unshift() 参数直接写 数组元素就可以了
(3) unshift 完毕之后 返回的结果是 新数组的长度
(4) 原数组也会发生变化
var arr2 = [3, 4, 2]; console.log(arr2.unshift("小米", 20, '小红', '小猴', 21, 18, 20)); console.log(arr2);//10
【5】 数组元素的删除
方法:pop()、shift()
1、pop() 可以删除数组的最后一个元素 一次只能删除一个元素
(1) pop() 没有参数
(2) pop 完毕之后 返回的结果是 删除的那个元素
(3) 原数组也会发生变化
var arr = [1, 2, 3, "a", 5, "哈哈", 7, 8, [9, 10]]; console.log(arr.pop()); // 返回删除的元素 [9, 10] console.log(arr); // [1, 2, 3, "a", 5, "哈哈", 7, 8]
2、shift() 可以删除数组的第一个元素 一次只能删除一个元素
(1) shift() 没有参数
(2) shift 完毕之后 返回的结果是 删除的那个元素
(3) 原数组也会发生变化
var arr = [1, 2, 3, "a", 5, "哈哈", 7, 8, [9, 10]]; console.log(arr.shift()); // 返回删除的元素 1 console.log(arr); // (8) [2, 3, "a", 5, "哈哈", 7, 8, Array(2)]
【6】 数组元素的索引("查")
方法:indexOf()、lastIndexOf()
1、indexOf() 数组查找给定元素的第一个索引【从前往后】
(1) 它只返回第一个满足条件的索引号
(2) 如果该数组里面找不到元素,则会返回-1
var suo = [1, 12, 2, 54, 34, 'maomao', 12, 65, 13, 65, 3, 1]; console.log(suo.indexOf(12)); // 1 console.log(suo.indexOf('maomao')); // 5 console.log(suo.indexOf('9999')); // 未找到 -1
2、
【7】 数组元素的排序
方法:sort()、reverse()
(1) sort() 方法可以接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。比较函数接收两个参数,如果第一个参数应该位于第二个之前则返回一个负数,如果两个参数相等则返回 0,如果第一个参数应该位于第二个之后则返回一个正数。以下就是一个简单的比较函数:
var arr1 = [12, 34, 1, 34, 4, 2, 56]; arr1.sort(function (a, b) { // return a - b; 升序 return b - a; //降序 }) console.log(arr1);
(2) reverse() 方法 反转数组项的顺序
// 1、数组翻转 var arr = ['pink', '132', '毛毛'] arr.reverse(); console.log(arr);