美文网首页
数组的方法

数组的方法

作者: darkTi | 来源:发表于2019-05-27 17:06 被阅读0次
一、join()
  1. 将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串;如果一个元素为 undefined 或 null,它会被转换为空字符串。
  2. 语法:arr.join([separator])
    separator:指定一个字符串来分隔数组的每个元素。如果需要,将分隔符转换为字符串。如果省略(),数组元素用逗号分隔。默认为 ","。如果separator是空字符串(""),则所有元素之间都没有任何字符。


    1.png
    2.png
二、concat()
  1. 用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组;


    image.png
三、some()
  1. 测试是否至少有一个元素通过由提供的函数实现的测试,对于放在空数组上的任何条件,此方法返回false;
  2. 语法:arr.some(callback(element[, index[, array]])[, thisArg])
    some() 为数组中的每一个元素执行一次 callback 函数,直到找到一个使得 callback 返回一个“真值”(即可转换为布尔值 true 的值)。如果找到了这样一个值,some() 将会立即返回 true。否则,some() 返回 false;它不会改变原数组

every()正好相反

四、every()
  1. 测试数组的所有元素是否都通过了指定函数的测试;
  2. 语法:arr.every(callback(element[, index[, array]])[, thisArg])
    every 方法为数组中的每个元素执行一次 callback 函数,直到它找到一个使 callback 返回 false(表示可转换为布尔值 false 的值)的元素。如果发现了一个这样的元素,every 方法将会立即返回 false。否则,callback 为每一个元素返回 true,every 就会返回 true;它不会改变原数组
五、forEach()
  1. 对数组的每个元素执行一次提供的函数;
  2. 语法:arr.forEach(callback[, thisArg])
  3. 返回值:undefined(它相当于for循环)
    总结:forEach方法里操作对象生效,想要操作里面的基本数据类型,就用arr[i]的形式直接操作数组。
六、map()
  1. 创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果;
  2. 语法:arr.map(callback(element[, index[, array]])[, thisArg])
    返回一个新数组,不会改变原有数组;
七、pop()(不接受参数)
  1. pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度;当数组为空时返回undefined;
    image.png
八、shift()(不接受参数)
  1. shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度;
    image.png
九、unshift(element1,......)(与push相对应)
  1. unshift() 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度;(push()方法也会返回新数组的长度)


    image.png
十、arr.keys()
  1. keys() 方法返回一个包含数组中每个索引键的Array Iterator对象;


    image.png
    结果.png

for...offor...in循环得到的值不一样, for...of得到的是值(value),for...in得到的是键(key),请看下图:

example.png
result.png
十一、arr.reduce()
image.png
  1. reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值;
  2. reducer 函数接收4个参数:
    Accumulator (acc) (累计器)
    Current Value (cur) (当前值)
    Current Index (idx) (当前索引)
    Source Array (src) (源数组)
  3. 语法:arr.reduce(callback[, initialValue])
  4. 回调函数第一次执行时,accumulator 和currentValue的取值有两种情况:如果调用reduce()时提供了initialValue,accumulator取值为initialValue,currentValue取数组中的第一个值;如果没有提供 initialValue,那么accumulator取数组中的第一个值,currentValue取数组中的第二个值。


    image.png

相关文章

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组常用方法 数组的遍历方法

  • js数组的方法

    数组方法 下面开始介绍数组的方法,数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组...

  • JavaScript数组中的22个常用方法

    数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组...

  • js数组方法

    数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组...

  • JavaScript迭代

    遍历对象 方法1 方法2 遍历数组 方法1 方法2 方法3 map数组 filter数组 reduce数组 找到某...

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组合并 数组常用方法

  • 数组方法

    数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下...

  • js高级程序设计笔记9

    数组方法 数组迭代方法 every() filter() forEach() map() some() 数组归并方法

  • Javascript Array对象属性

    前面的话 数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、...

  • js数组的操作方法

    检测数组方法 isArray()判断是否是数组 转换方法 toString()数组转换字符串方法数组的 value...

网友评论

      本文标题:数组的方法

      本文链接:https://www.haomeiwen.com/subject/cawggqtx.html