zoukankan      html  css  js  c++  java
  • VUE 储备 操作数组

    主要操作的是数据(数据驱动)

    不是dom(高性能)

    数据类型:

    1、基本:number,string,boolean,null(没有),undefined(空)

    2、引用:Object func...,Symbol(es6)

    对象{},数组[]

    操作数组:push增加pop删除 最后一项

         shift unshift  可向数组的开头添加一个或更多元素,并返回新的长度。

         slice splice reverse sort indexof  lastIndexof  concat

    常用的:forEach  filter map  some every reduce find includes(find includes 是 es6)

    node 版本>8.5

     webstorm  2017以上,最好不要用最新的

    配置npm和语法

    // file ->setting(default setting 就不用每个项目都配了)中配置 

     

    1、foreach(遍历)

     

     上面是编程式,不支持return;下面是声明式,不关心怎么实现。

     

     2、filter (删除)

      是否操作原数组:否;      返回结果:过滤后的新数组;        回调函数的返回结果:true-这一项放入新数组,false-被过滤掉。

     

     3、map 映射(更新):将原有的数组映射成一个新数组

      是否操作原数组:否;      返回结果:映射后的新数组;        回调函数的返回结果:回调函数中返回什么就是什么。

      [1,2,3]   <li>1</li>  <li>2</li>  <li>3</li>

    `` 反引号是es6中的模板字符串,遇到变量用${}取值。

    4、includes  返回boolean 

     false

    5、find 返回找到的那一项      不会改变原数组

      回调函数的返回结果:true-找到了,找到后停止迭代,只找第一项,没找到返回undefined。

     

    55

     6、some 找true,找到true后停止  返回true   找不到返回false

      

     true

    7、every  找false,找到false后停止  返回false  找不到返回true

     false

    8、reduce  收敛  (4个参数)不改变原数组, 返回的是叠加后的结果,回调函数返回的结果:  

      

       undefined,因为没有return。return的返回值会作为下一次的prev

       

       15

      

     

     数组扁平化,二位数组变一位数组

    [[1,2,3],[4,5,6],[7,8,9]] -->[1,2,3,4,5,6,7,8,9]

  • 相关阅读:
    邻接矩阵学习
    Spark on Yarn年度知识整理
    HBASE解析
    Storm的数据处理编程单元:Bolt 学习整理
    jsch ssh服务器调用Linux命令或脚本的小问题
    storm的数据源编程单元Spout学习整理
    Java 正则表达式详细使用
    【转】如何成为一个技术全面的架构师
    【转】Linux netstat命令详解,高级面试必备
    【转】Servlet 生命周期、工作原理
  • 原文地址:https://www.cnblogs.com/onroad2019/p/13255275.html
Copyright © 2011-2022 走看看