vue学习笔记(4):some方法,findIndex方法,sp
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));