master

分支 (16)

管理

管理

master

原生拖拽上传

vue3使用wangEditor

ORM框架Sequelize使用

package.json详解

Vue3.x上手

文件上传下载

Express基本使用

接口基本开发

node基础

会员划卡系统

React的基本使用

js百度地图基本使用

wxapplets

vuex-demo

vuex

source-code
/
数组常用方法属性.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数组的属性和api</title>
  <style>
    table {
      border-collapse: collapse;
      text-align: center;
    }

    table tr td:nth-of-type(2) {
      white-space: pre-wrap;
    }

    th {
      font-size: 16px;
      font-weight: 600;
    }

    td {
      color: red;
      padding: 0 10px;
    }
  </style>
</head>

<body>
  <pre>
    <h1>数组方法 非迭代</h1>
    <table border="1" cellpadding='0' cellspacing='0'>
      <tr>
        <th>方法</th>
        <th>作用</th>
        <th>应用场景</th>
        <th>语法</th>
        <th>返回值</th>
        <th>是否改变当前数组?</th>
      </tr>
      <tr>
        <td>concat()</td>
        <td>合并2个或多个数组并返回新的数组</td>
        <td>用于拼接不同数组</td>
        <td>arr.content(arr1 ,arr2)</td>
        <td>数组</td>
        <td>否</td>
      </tr>
      <tr>
        <td>join()</td>
        <td>把数组按照指定字符进行分割 默认,</td>
        <td>以空字符切割数组把数组转换为字符串</td>
        <td>arr.join('.')</td>
        <td>字符串</td>
        <td>否</td>
      </tr>
      <tr>
        <td>pop()</td>
        <td>删除数组中的最后一个元素 并返回该元素 空数组不改变数组</td>
        <td>删除数组最后一个元素</td>
        <td>arr.pop()</td>
        <td>当前删除的元素/空数组返回undefined</td>
        <td>是</td>
      </tr>
      <tr>
        <td>push()</td>
        <td>向数组末尾添加一个或多个元素 并返回新的长度</td>
        <td>购物车添加商品</td>
        <td>arr.push(newData1 ,newData2)</td>
        <td>当前数组的新长度</td>
        <td>是</td>
      </tr>
      <tr>
        <td>reverse()</td>
        <td>用于颠倒数组中元素的顺序</td>
        <td>历史搜索记录</td>
        <td>arr.reverse()</td>
        <td>颠倒后的数组</td>
        <td>是</td>
      </tr>
      <tr>
        <td>shift()</td>
        <td>删除数组中的第一个元素 并返回该元素</td>
        <td>删除数组首个元素 和 pop()方法相反</td>
        <td>arr.shipt()</td>
        <td>当前删除的元素/空数组返回undefined</td>
        <td>是</td>
      </tr>
      <tr>
        <td>slice()</td>
        <td>接收2个参数或1个参数 返回新数组 一个参数 返回数组参数下标后面的所有内容 包括自身(以下标为准) 2个参数 返回2个参数区间的所有值 不包括参数2本身</td>
        <td>截取指定下标里的内容</td>
        <td>arr.slice(参数1(必须),参数2(选填))</td>
        <td>返回截取后的新数组</td>
        <td>否</td>
      </tr>
      <tr>
        <td>sort()</td>
        <td>用于对数组的元素进行排序</td>
        <td>对数组进行大小或者字母排序</td>
        <td>arr.sort()</td>
        <td>返回当前数组</td>
        <td>是 改变数组顺序</td>
      </tr>
      <tr>
        <td>splice()</td>
        <td>对数组中的元素进行删除/添加 接受3个参数 参数1 指定下标开始 参数2 每次删除多个元素 参数3 需要添加的新元素</td>
        <td>用于删除 数组中指定元素</td>
        <td>arr.splice(index(必须) ,num(必须) ,newData(选填))</td>
        <td>返回每次删除的元素</td>
        <td>是</td>
      </tr>
      <tr>
        <td>toString()</td>
        <td>可把数组转换为字符串，并返回字符</td>
        <td>数组转换字符串</td>
        <td>arr.toString()</td>
        <td>字符串 与没有参数的 join() 方法返回的字符串相同 (以逗号分割)</td>
        <td>否</td>
      </tr>
      <tr>
        <td>unshift()</td>
        <td>可向数组开头添加一个或多个新元素 并返回新的长度</td>
        <td>播放器播放列表添加新歌</td>
        <td>arr.unshift(newData1(必填),newDataN(选填))</td>
        <td>当前更改后数组</td>
        <td>是</td>
      </tr>
    </table>
    <!-- ------------------------------- -->
    <h1>数组迭代方法</h1>
    <table border="1" cellpadding='0' cellspacing='0'>
      <tr>
        <th>方法名</th>
        <th>作用</th>
        <th>应用场景</th>
        <th>语法</th>
        <th>返回值</th>
        <th>是否改变当前数组?</th>
      </tr>
      <tr>
        <td>forEach()</td>
        <td>为每个数组元素调用一次函数 (不会对没有值的数组元素执行函数 函数中接受3个参数 参数1 当前循环项 参数2 当前循环项下标 参数3 当前数组)</td>
        <td>如果数组中存储的值为对象 可修改对象身上的属性</td>
        <td>arr.forEach((v ,i ,arr)=>{})</td>
        <td>当前数组</td>
        <td>否</td>
      </tr>
      <tr>
        <td>map()</td>
        <td>循环数组 通过函数生成新的数组 同上括号</td>
        <td>对数组进行加工形成新数组</td>
        <td>arr.map(v = v * 2)</td>
        <td>循环后的新数组</td>
        <td>否</td>
      </tr>
      <tr>
        <td>filter()</td>
        <td>循环数组 过滤出符合函数的元素 并形成新的数组 同上括号</td>
        <td>筛选出状态为true的对象</td>
        <td>arr.filter(v => v.state)</td>
        <td>符合条件的新数组</td>
        <td>否</td>
      </tr>
      <tr>
        <td>every()</td>
        <td>对数组中每一项运行指定函数，如果该函数对<b>每一项</b>返回true,则返回true,否则返回 false</td>
        <td>全选框状态</td>
        <td>arr.every(v = v.state)</td>
        <td>布尔类型</td>
        <td>否</td>
      </tr>
      <tr>
        <td>some()</td>
        <td>对数组中每一项运行指定函数，如果该函数对<b>任一项</b>返回true，则返回true,否则返回 false</td>
        <td>状态判断筛选</td>
        <td>arr.every(v = v.state)</td>
        <td>布尔类型</td>
        <td>否</td>
      </tr>
      <tr>
        <td>find()</td>
        <td>循环数组 执行函数条件 当测试条件为ture时 返回符合条件的<b>元素</b> 之后的值不会再调用执行函数 如果没有符合条件的元素返回 <b>undefined</b> </td>
        <td>查找数组是否有该元素</td>
        <td>arr.find(v => v.name === 'name')</td>
        <td>符合条件的元素 / undefined</td>
        <td>否</td>
      </tr>
      <tr>
        <td>findIndex()</td>
        <td>循环数组 执行函数条件 当测试条件为ture时 返回符合条件的<b>元素的下标</b> 之后的值不会再调用执行函数 如果没有符合条件的元素返回 <b>-1</b></td>
        <td>查找数组是否有该元素</td>
        <td>arr.find(v => v.name === 'name')</td>
        <td>符合条件的元素下标 / -1</td>
        <td>否</td>
      </tr>
      <tr>
        <td>reduce()</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </table>
  </pre>
</body>

</html>