小龙同学的前端学习日记 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);
      }

敬请期待........