JavaScript--内置对象--数组--方法（2）

填充fill

fill() 方法用于将一个固定值替换数组的元素。

var arr = [10, 20, 50, 7, 8, 9]
var re = arr.fill(66, 2, 5)
console.log(re, arr, re === arr)

findIndex

返回传入一个测试条件（函数）符合条件的数组第一个元素位置

var arr = [10, 20, 50, 7, 8, 9]
function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
}
var re = arr.findIndex(checkAdult)
console.log(re)

降维flat

传入的参数为降维次数，可用于扁平化处理

var arr = [1,5,9,[2,6,4],8,5]
var re = arr.flat()
console.log(re)

flatMap

flatMap() 方法首先使用映射函数映射每个元素，然后将结果压缩成一个新数组。它与 map 连着深度值为 1 的 flat 几乎相同，但 flatMap 通常在合并成一种方法的效率稍微高一些。

    var arr = [1, "Hello", 2, , [1, 3, 4, 5], 3, 4, 5, 6, 8]
    var re = arr.flatMap(function (el, index) {
      console.log(el, index)
      return el + "6666"
    })
    console.log(re)

includes

includes() 方法用于判断字符串是否包含指定的子字符串。

如果找到匹配的字符串则返回 true，否则返回 false。

注意： includes() 方法区分大小写

    var arr = [1, 235, 76, 4, 7, 6, 76, 3, 87]
    var re = arr.includes(4, 4)
    console.log(re)

lastIndexOf

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，如果指定第二个参数 start，则在一个字符串中的指定位置从后向前搜索。

注意： 该方法将从后向前检索字符串，但返回是从起始位置 (0) 开始计算子字符串最后出现的位置。 看它是否含有字符串。

开始检索的位置在字符串的 start 处或字符串的结尾（没有指定 start 时）。

如果没有找到匹配字符串则返回 -1 。

注意：lastIndexOf() 方法是区分大小写的！

    var arr = [10, 40, 203, 560, 40]
    var re = arr.lastIndexOf(40, 2)
    console.log(re)

反向reverse

reverse() 方法用于颠倒数组中元素的顺序。

    var arr = [10, 23, 4, 7, 5, 2, 6]
    var arr2 = arr.reverse()
    console.log(arr2, arr)

检测回文

    //笔试题
    function fn(str) {
      var re = str.split("").reverse().join("")
      console.log(re)
      return str == re
    }
    var a = "从上海交大校内学生"
    var re = fn("上海自来水来自海上")//true  false
    console.log(re)

 下面三种方法与to后面的函数作用相同，但会创建一个副本执行，不会改变原数组

toSpliced

toSorted

toReversed

with（深拷贝）

    var re = arr.with(0, arr[0])
    console.log(re)

toLocaleString

与toString作用相同，但会转为当地的语法

遍历器

取出一个数据容器中的所有数据的过程称为遍历，能够实现遍历的方法称为遍历器

for语句

用for语句稳定，兼容性好，代码受众广

for

    var arr=[10,2,3,45,5,76]
    for(var i=0;i<arr.length;i++){
      console.log(arr[i])
    }

for--in

    var arr=[10,2,3,45,5,76]
    for(index in arr){
      console.log(arr[index])
    }

    var obj=new fn()//{age:20,name:"karen",life:true,x:100,__proto__:{x:666,y:90}}
    for(a in obj){
      console.log(a,obj[a])
    }

for--of

    var arr=[10,2,,,,3,45,5,76]
    arr.length=20
    for(v of arr){
      console.log(v)
    }

以上for语句功能相同，但返回值不同

方法

forEach

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

注意: forEach() 对于空数组是不会执行回调函数的。

     var arr=[10,203,45,105,4,6,7]
     var re=arr.forEach(function(el,index){
      console.log(6666,el,index)
     })
     console.log(re)//undef

map

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

    var arr=[10,203,45,105,4,6,7]
    var re=arr.map(function(el,index){
      console.log(6666,el,index)
      return `<div>${el}<div>`
    })
    console.log(re,arr)

拓展:自己设计一个mymap

    Array.prototype.myMap=function(cb){
      var arr=[]
        for(var i=0;i<this.length;i++){
          arr.push(cb(this[i],i,this)) 
        }
        return arr
    }
    var arr=[10,203,45,105,4,6,7]
    var re=arr.myMap(function(el,index){
      console.log(el,index)
      return `<div>${el}<div>`
    })
    console.log(re)

filter（过滤器）

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。

    var arr=[10,203,45,105,4,6,7]
    var re=arr.filter(function(el,index){
      console.log(el,index)
      if(el>18){return true}
      else{ return false}
    })
    console.log(re)

every

every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。

every() 方法使用指定函数检测数组中的所有元素：

• 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
• 如果所有元素都满足条件，则返回 true。

注意： every() 不会对空数组进行检测。

注意： every() 不会改变原始数组。

    var arr=[10,203,45,105,4,6,7]
    var re=arr.every(function(el,index){
      console.log(6666,el,index)
      if(el>5){ return true}
    })
    console.log(re)

some

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

some() 方法会依次执行数组的每个元素：

• 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
• 如果没有满足条件的元素，则返回false。

注意： some() 不会对空数组进行检测。

注意： some() 不会改变原始数组。

    var arr=[10,203,45,105,4,6,7]
    var re=arr.some(function(el,index){
      console.log(6666,el,index)
       return false
    })
    console.log(re)

reduce

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

reduce() 可以作为一个高阶函数，用于函数的 compose。

注意: reduce() 对于空数组是不会执行回调函数的。

    var arr=[4,3,6,7]
    var re=arr.reduce(function(n1,n2){
      console.log(n1,n2)
      return n1+n2
    },10000)