常用的便利数组

257 阅读1分钟

1.forEach数组

只是单纯的便利数组

<script>
    const arr = [1, 2, 3, 4, 5]
    arr.forEach(function (i, j, o) {
      //第一个参数 i :代表数组里面的每一个元素
      //第二个参数 j :代表数组里面元素的下标
      //第三个参数 o :代表数组本身
    })
  </script>

2.map数组

便利数组的每一项,并返回一个新数组

<script>
    const arr = ['公子', '万叶', '钟离']
    // map 方法也是遍历数组,最大的作用是处理数据并返回一个数组
    const arr1 = arr.map(function (item, i) {
      // console.log(item); //数组元素
      // console.log(i); //下标
      return item + 'ye'
    })
    console.log(arr1);
  </script>

join数组

join把数里面的所有元素转换成字符串

 <script>
    // join把数里面的所有元素转换成字符串
    const arr = ['公子', '万叶', '钟离']
    console.log(arr.join('-'));
    // 数组元素是通过参数里面指定的分隔符进行分隔的
    // 公子-万叶-钟离
  </script>

filter数组

filter:过滤数组中符合条件的元素并返回一个新的数组


 <script>
    let arr = [13, 0, '', 90, 78, '', '']
    //遍历数组
    let newArr = arr.filter(function (i, j) {
      //判断返回不是空字符串的元素
      return i !== ''
    })
    //输出新数组 
    console.log(newArr);
  </script>