JS复习06 API/位置方法/迭代方法

  • Array.prototype.slice()

    slice() 方法可从已有的数组中返回选定的元素。

    slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

    语法

    array.slice(start, end)
    

    参数值

    参数描述
    start可选。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取,slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。
    end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素(不包含最后一个元素,也就是只有倒数第二个元素)。

    返回值

    Type描述
    Array返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
    在数组中读取元素:
    var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; 
    var citrus = fruits.slice(1,3);
    //citrus 结果输出:Orange,Lemon
    
  • Array.prototype.splice()

    splice() 方法用于添加或删除数组中的元素。

    **注意:**这种方法会改变原始数组。

    语法

    array.splice(index,howmany,item1,.....,itemX)
    

    参数

    参数描述
    index必需。规定从何处添加/删除元素。 该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
    howmany可选。规定应该删除多少元素。必须是数字,但可以是 “0”。 如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
    item1, …, itemX可选。要添加到数组的新元素

    返回值

    Type描述
    Array如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
    数组中添加新元素:
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    //从数组索引位置 2 开始,不删除元素,添加两个新的元素"Lemon","Kiwi"
    fruits.splice(2,0,"Lemon","Kiwi");
    //fruits输出结果:Banana,Orange,Lemon,Kiwi,Apple,Mango
    
    移除数组的第三个元素,并在数组第三个位置添加新元素:
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2,1,"Lemon","Kiwi");
    
    //fruits输出结果:Banana,Orange,Lemon,Kiwi,Mango
    
    从第三个位置开始删除数组后的两个元素:
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2,2);
    
    //fruits输出结果:Banana,Orange
    
4.6.位置方法
  • Array.prototype.indexOf()

    indexOf() 方法可返回数组中某个指定的元素位置。

    该方法将从头到尾地检索数组,看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头(没有指定 start 参数时)。如果找到一个 item,则返回 item 的第一次出现的位置。开始位置的索引为 0。

    如果在数组中没找到指定元素则返回 -1。

    语法

    array.indexOf(item,start)
    

    参数

    参数描述
    item必须。查找的元素。
    start可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

    返回值

    类型描述
    Number元素在数组中的位置,如果没有搜索到则返回 -1。
    查找数组中的 “Apple” 元素:
    var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
    var a = fruits.indexOf("Apple");
    
    //a结果输出:2
    //以上输出结果意味着 "Apple" 元素位于数组中的第 3 个位置。
    
  • Array.prototype.lastIndexOf()

    lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置,从该字符串的后面向前查找。

    如果要检索的元素没有出现,则该方法返回 -1。

    该方法将从尾到头地检索数组中指定元素 item。开始检索的位置在数组的 start 处或数组的结尾(没有指定 start 参数时)。如果找到一个 item,则返回 item 从尾向前检索第一个次出现在数组的位置。数组的索引开始位置是从 0 开始的。

    如果在数组中没找到指定元素则返回 -1。

    语法

    array.lastIndexOf(item,start)
    

    参数

    参数描述
    item必需。规定需检索的字符串值。
    start可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。

    返回值

    Type描述
    Number如果在 stringObject 中的 fromindex 位置之前存在 searchvalue,则返回的是出现的最后一个 searchvalue 的位置。
    查找数组元素 "Apple"出现的位置:
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var a = fruits.lastIndexOf("Apple");
    
    //a输出结果:2
    //以上实例输出结果意味着 "Apple" 位于数组中的第 2 个位置.
    
4.7.迭代方法
  • Array.prototype.every()

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

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

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

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

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

    语法

    array.every(function(currentValue,index,arr), thisValue)
    

    参数

    参数描述
    function(currentValue, index,arr)必须。函数,数组中的每个元素都会执行这个函数 函数参数见下表
    thisValue可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。 如果省略了 thisValue ,“this” 的值为 “undefined”
    参数描述
    currentValue必须。当前元素的值
    index可选。当前元素的索引值
    arr可选。当前元素属于的数组对象

    返回值

    布尔值。如果所有元素都通过检测返回 true,否则返回 false。

    检测数组 ages 的所有元素是否都大于等于 18 :
    var ages = [32, 33, 16, 40];
    
    var result = ages.every(function (age) {
      return age >= 18
    })
    console.log(result);//输出结果为:false
    
  • Array.prototype.some()

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

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

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

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

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

    语法

    array.some(function(currentValue,index,arr),thisValue)
    

    参数

    参数描述
    function(currentValue, index,arr)必须。函数,数组中的每个元素都会执行这个函数 函数参数见下表
    thisValue可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。 如果省略了 thisValue ,“this” 的值为 “undefined”
    参数描述
    currentValue必须。当前元素的值
    index可选。当前元素的索引值
    arr可选。当前元素属于的数组对象

    返回值

    布尔值。如果数组中有元素满足条件返回 true,否则返回 false。

    检测数组中是否有元素大于 18:
    var ages = [32, 33, 16, 40];
    
    var result = ages.some(function (age) {
      return age >= 18
    })
    console.log(result);//输出结果为:true
    
  • Array.prototype.filter()

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

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

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

    语法

    array.filter(function(currentValue,index,arr), thisValue)
    

    参数

    参数描述
    function(currentValue, index,arr)必须。函数,数组中的每个元素都会执行这个函数 函数参数见下表
    thisValue可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。 如果省略了 thisValue ,“this” 的值为 “undefined”
    参数描述
    currentValue必须。当前元素的值
    index可选。当前元素的索引值
    arr可选。当前元素属于的数组对象

    返回值

    返回数组,包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。

    返回数组 ages 中所有元素都大于 18 的元素:
    var ages = [32, 33, 16, 40];
    
    var result = ages.filter(function (age) {
      return age >= 18
    })
    console.log(result);//输出结果为:[ 32, 33, 40 ]
    
  • Array.prototype.map()

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

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

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

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

    语法

    array.map(function(currentValue,index,arr), thisValue)
    

    参数

    参数描述
    function(currentValue, index,arr)必须。函数,数组中的每个元素都会执行这个函数 函数参数见下表
    thisValue可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。 如果省略了 thisValue,或者传入 null、undefined,那么回调函数的 this 为全局对象。
    参数描述
    currentValue必须。当前元素的值
    index可选。当前元素的索引值
    arr可选。当前元素属于的数组对象

    返回值

    返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

    返回一个数组,数组中元素为原始数组的平方根:
    var numbers = [4, 9, 16, 25];
    
    var result = numbers.map(function (number) {
      return Math.sqrt(number)
    })
    console.log(result);//输出结果为:[ 2, 3, 4, 5 ]
    
  • Array.prototype.forEach()

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

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

    语法

    array.forEach(function(currentValue, index, arr), thisValue)
    

    参数

    参数描述
    function(currentValue, index, arr)必需。 数组中每个元素需要调用的函数。 函数参数见下表
    thisValue可选。传递给函数的值一般用 “this” 值。 如果这个参数为空, “undefined” 会传递给 “this” 值
    参数描述
    currentValue必需。当前元素
    index可选。当前元素的索引值。
    arr可选。当前元素所属的数组对象。

    返回值

    undefined

    列出数组的每个元素:
    var numbers = [4, 9, 16, 25];
    
    numbers.forEach(function (number, index) {
      console.log(index + ' -- ' + number);
    })
    // 0 -- 4
    // 1 -- 9
    // 2 -- 16
    // 3 -- 25
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值