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

2019-12-30  本文已影响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));

上一篇下一篇

猜你喜欢

热点阅读