小龙同学的前端学习日记 2020/4/30
今天我们学习复习以及总结JS中的数组问题
Array 对象
Array 对象用于在变量中存储多个值:
你可以在一个数组中包含对象元素、函数、数组:
也可以前往菜鸟教程查看菜鸟教程
// 创建array对象 字面量的形式 let arr = [1,2,3,4,5,6]; // new Array() let arr2 = new Array(); // 这样写也可以写 let arr3 = new Array("11",123,"苹果",true); // 打印结果如下 结论 字面量形式 书写比较简单 Array(6) [1, 2, 3, 4, 5, 6] Array(3) ["吉林", "长春", "四平"] Array(4) ["11", 123, "苹果", true]
判断是否是数组
console.log(Array.isArray(arr));
接下来 我们学习一下js中常用的js数组方法
// 合并数组的方法 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 let newArr = arr.concat(arr2); console.log(newArr); //indexOf 查找元素的位置 indexOf() 方法可返回数组中某个指定的元素位置。 let newArr2 = arr2.indexOf("长春"); // join() 方法用于把数组中的所有元素转换一个字符串。 括号内可以是任意符号 let newArr3 = arr2.join("-"); // keys() keys() 方法用于从数组创建一个包含数组键的可迭代对象。如果对象是数组返回 true,否则返回 false。 let keyArr = arr2.keys(); console.log(keyArr.next()); console.log(keyArr.next()); console.log(keyArr.next()); // 删除数组最后元素 // pop() 方法用于删除数组的最后一个元素并返回删除的元素。注意:此方法改变数组的长度! let btn =document.getElementById("btn"); btn.onclick = function (){ arrfirst.pop(); let x = document.getElementById("demo"); x.innerHTML = arrfirst } //shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。注意: 此方法改变数组的长度! let btn2 =document.getElementById("btn2"); btn2.onclick = function (){ arrfirst.shift(); let x2 = document.getElementById("demo"); x2.innerHTML = arrfirst } // toString 方法 转换成字符串 let arrnewa = ["blue","Red","yellow","green"]; console.log(arrnewa.toString()); // 数组的长度 console.log(arr.length); //includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。 [1, 2, 3].includes(2); // true [1, 2, 3].includes(4); // false [1, 2, 3].includes(3, 3); // false [1, 2, 3].includes(3, -1); // true [1, 2, NaN].includes(NaN); // true
遍历数组
// 遍历数组 for (let i = 0 ; i <arr.length ; i++){ console.log(i); }