map()方法

1. 定义

在JavaScript的array中,它返回一个新的数组,数组是调用函数处理后的值
注意:

  • map()不会对空数组进行检测
  • map()不会改变原始数组

    2. 语法

    1. array.map(function(currentValue,index,arr),thisIndex)

    参数说明:

  • function(currentValue,index,arr):必须。为一个函数,数组中的每个元素都会执行这个函数。其中函数参数:

    1. currentValue:必须。当前元素的值
    2. index:可选。当前元素的索引
    3. arr:可选。当前元素属于的数组对象
  • thisValue;可选。对象作为该执行回调时使用,传递给函数,用作‘this’的值。

    3. 实例

    返回由原数组中每个元素的平方组成的新数组

    1. var arr = [1, 2, 3, 4, 5]
    2. console.log(arr)
    3. let array = arr.map((item, i) => {
    4. return item * i
    5. })
    6. console.log(array)
    7. // (5) [0, 2, 6, 12, 20]

    forEach()方法

    1. 概念

    forEach()方法按升序为数组中含有效值的每一项执行一次callback 函数,那些已删除或者未初始化的项将被跳过(例如在稀疏数组上)。
    注意

  • forEach()的返回值为undefined

  • forEach()对于空数组是不会执行回调函数的
  • 没有办法中止或者跳出forEach()循环,除了抛出一个异常

    2. 语法

    1. arr.forEach(callback(currentValue,index,arr),thisAry)

    参数说明:

  • callback:必须。为数组中每个元素执行的函数,该函数接受三个参数:

    1. currentValue:必须。数组中正在处理的当前元素。
    2. index:可选。当前元素的索引值
    3. arr:可选。方法正在操作的数组
  • thisArg:可选。当执行回调函数时用作this的值(参考对象)

    3. 实例

    打印出数组的内容

    1. var arr = [1, 2, 3, 4, 2]
    2. arr.forEach((item, index) => {
    3. document.write(item + '</br>')
    4. console.log(`arr[${index}]=${item}`)
    5. })

    image.png

    startsWith()方法

    1. 定义

    startsWith()方法用于检测字符串是否以指定的子字符串开始。**如果是以指定的子字符串开头返回true,否则false **
    startsWith()方法对大小写敏感。

    2. 语法

    1. string.startsWith(searchvalue, start)

    参数

  • searchvalue:必须,要查找的字符串

  • start:可选。查找的开始为止,默认为0

    3. 实例

    查看从第6个索引位置是否以“world”开头:
    1. var str = "Hello world, welcome to the Runoob.";
    2. var n = str.startsWith("world", 6); //true