美文网首页
vue学习笔记(4):some方法,findIndex方法,sp

vue学习笔记(4):some方法,findIndex方法,sp

作者: 不会改变 | 来源:发表于2019-12-30 18:37 被阅读0次

    data(){

    keywords:"",

    }

    1.v-text:中直接写插值表达式

    2.some方法:如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。

    如果没有满足条件的元素,则返回false。

    例子:this.list.some(item,i){

    if(item.id == id){

    retuen true;

    }

    }

    3.findIndex:找索引的方法

    例子:var index = this.list.findIndex(item){

    if(item.id = id){

    return true

    }

    }

    4.splice:删除数组元素

    例子:this.list.splice(i,1);

    i是索引,1是删几个

    5.v-for补充:

    v-for后面还可以接方法(表格筛选,渲染页面可以用)

    例子:<tr v-for=" item in search(keywords) " :key="item.id"></tr>

    search(keywords){

    var newList = [],

    list.forEach(item=>{

    if(item.name.indexof(keywords)!=-1){

    newList.push(item)

    }

    })

    return newList;

    }

    6.foreach:循环的结果是数组每一项的值

    例子:var arr = [1,2,3,4];

    var sum =0;

    arr.forEach(function(value,index,array){

    array[index] == value; //结果为true

    sum+=value;

    });

    console.log(sum); //结果为 10

    7.indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    arr = ['mfg', '2017', '2016'];

     //控制台输出0,查找到下标 

    console.log(arr.indexOf('mfg'));

    //控制台输出-1,因为此方法不会在每一个元素的基础上再次执行 indexOf 匹配            console.log(arr.indexOf('m'));

    //控制台输出1,查找到下标

    console.log(arr.indexOf('2017'));

     //控制台输出-1,这里不会做隐式类型转换

    console.log(arr.indexOf(2017));

    相关文章

      网友评论

          本文标题:vue学习笔记(4):some方法,findIndex方法,sp

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