Js数组对象(学习笔记)

Js数组对象

1.迭代方法

  • forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。

    • forEach() 对于空数组是不会执行回调函数的。
  • 实例

      var arr = [4, 9, 16, 25];
      arr.forEach((item, index) => {
          i = "下标" + index + "为:" + item;
          console.log(i)
      });
      结果:下标0为:4  下标1为:9  下标2为:16  下标3为:25
    
  • map() 方法会将数组中元素依次传入方法中,并将方法的返回结果组成新数组返回

      function myFunction() {
          console.log(numbers.map(Math.sqrt)); // 返回[2, 3, 4, 5]
          let arr = numbers.map(function(item) {
              if (item > 10) {
                  return item;
              }
          })
          console.log(arr); // 返回[undefined, undefined, 16, 25]
      }
    
  • filter() 会根据函数中的筛选条件将返回的结果组成一个新的数组并返回

      var nages = [32, 33, 16, 40];
      function checkAdults(nage) {
          return nage >= 18;
      }
      function myFunctions() {
          console.log(nages.filter(checkAdults)); // 返回[32, 33, 40]
      }
      myFunctions();
    
  • some()和every()

      var ages = [3, 10, 18, 20];
      function checkAdult(age) {
          return age >= 18;
      }
      function myFunction() {
          console.log(ages.some(checkAdult)); // 返回true -如果有一个元素满足条件,则表达式返回true,剩余的元素不会再执行检测
          console.log(ages.every(checkAdult)); // 返回false -如果数组中检测到有一个元素不满足,则整个表达式返回false,且剩余的元素不会再进行检测。
      }
      myFunction()
    

2.排序

  • sort() 对数组的元素进行排序

      let arr = [1, 2, 5, 4, 5, 6]
      arr.sort((a, b) => a - b)
      console.log(arr) //1,2,4,5,5,6
      arr.sort((a, b) => b - a)
      console.log(arr) //6,5,5,4,2,1
    
  • set() 对象允许你储存任何类型的唯一值,无论是原始值或者是对象引用。数组去重

      let arr =  [1,2,5,4,5,6,1,2]
      let crr = [...new Set(arr)] //去重console.log(Array.from(new Set(ary)));
      console.log(arr,crr) //[1,2,5,4,5,6,1,2],[1,2,5,4,6]
    

3.查找

  • indexOf() 方法可返回数组中某个指定的元素位置。如果在数组中没找到指定元素则返回 -1。

      let arr =  [1,2,5,4,5,6]
      let result = arr.indexOf(5) //查找5的索引值
      let result2 = arr.indexOf(5,2) //从索引为2的位置开始找
      let result3 = arr.indexOf(5,4) //从索引为3的位置开始找
      console.log(result,result2,result3) //2,2,4
      var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
      var a = fruits.lastIndexOf("Apple",4); //a 结果输出:6
    
  • lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置,从该字符串的后面向前查找。如果在数组中没找到指定元素则返回 -1。

      var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
      var a = fruits.lastIndexOf("Apple"); //a 结果输出:6 
      var b = fruits.lastIndexOf("Apple",4); //b 结果输出:2      
    
  • 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
    

4.添加

  • push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
    • 新元素将添加在数组的末尾。

    • 此方法改变数组的长度。

        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.push("Kiwi") //输出结果:Banana,Orange,Apple,Mango,Kiwi
        let result = fruits.push("asa") // 尾部插入元素,返回长度
        console.log(fruits,result) //["Banana", "Orange", "Apple", "Mango", "Kiwi", "asa"],6 返回长度
      
  • unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
    • 此方法改变数组的长度。

        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.unshift("Lemon","Pineapple");
        let result = fruits.unshift("asa") // 头部插入元素,返回长度
        console.log(fruits,result) //["asa", "Lemon", "Pineapple", "Banana", "Orange", "Apple", "Mango"],7 返回长度
      
  • splice() 方法用于添加或删除数组中的元素。
    • 此方法会改变原始数组。

    • 添加

        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.splice(2,0,"Lemon","Kiwi"); //输出结果:Banana,Orange,Lemon,Kiwi,Apple,Mango
      
    • 删除

        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.splice(2,2);  //输出结果:Banana,Orange
      

5.移除

  • pop() 方法用于删除数组的最后一个元素并返回删除的元素。

      var fruits = ["Banana", "Orange", "Apple", "Mango"];
      fruits.pop(); // Banana,Orange,Apple
    
  • shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

      var fruits = ["Banana", "Orange", "Apple", "Mango"];
      fruits.shift() // Orange,Apple,Mango
    
  • slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

      var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
      var citrus = fruits.slice(1,3); // Orange,Lemon
      // 如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
      var myBest = fruits.slice(-3,-1); // Lemon,Apple
    

6.拼接

  • join() 方法用于把数组中的所有元素转换一个字符串。元素是通过指定的分隔符进行分隔的。

      var fruits = ["Banana", "Orange", "Apple", "Mango"];
      var energy = fruits.join("-"); // Banana-Orange-Apple-Mango 返回一个字符串。
    
  • concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,返回一个新的数组。

      let arr = [1, 4, 3]
      let brr = [4, 2, 6]
      let result = arr.concat(brr) //将arr于brr连接
      console.log(arr, brr, result) //[1,4,3],[4,2,6],[1,4,3,4,2,6]
    

7.累加

  • reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

      var numbers = [65, 44, 12, 4];
      let result = numbers.reduce((total,num)=>{
          return total+num // 初始项+当前项
      })  
      console.log(result)	// 125
    
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页