1 JS实用方法 Array filter()

**
JS实用方法(1) Array ()
在日常编写js时,我们常常需要对数据进行过滤处理,而Array ()方法非常实用,它的作用是对数组中的数据进行筛选,这个筛选的条件是自己决定的,通过筛选的元素会被集中到一个新数组中返回,以下是Array ()方法的介绍及一些实例 。
//方法形式://其中funtion参数为必选项array.filter(function(value,index,arr),Value)
参数(标黄为必选项)作用
【1JS实用方法 Array filter()】(value,index,array)
数组中的每一项元素会执行该函数,我们常常在此函数内定义筛选元素的条件
Value
可选,对象作为该执行回调时使用,传递给函数,用作 “this” 的值,不太常用
JS实例:
sukura code控制台中打印总分大于80分的学生对象
搜索到符合要求的学生数量:

>var stus = [{name:'李小军',score:63},{name:'张七',score:69},{name:'许芬',score:73},{name:'董韦',score:91},{name:'陈婉如',score:81}];function searchResult() {var stuResult = stus.filter(search) //传递funtion函数名console.log(stuResult)var length = stuResult.lengthdocument.getElementById("resultNum").innerHTML = length}function search(object) { //此处函数可使用Es6箭头函数写法更加简洁return object.score> 80}/*Es6替换function searchResult() {var stuResult = stus.filter(search=>{return search.score>80})console.log(stuResult)var length = stuResult.lengthdocument.getElementById("resultNum").innerHTML = length}*/

除了基本的过滤元素使用,Array ()方法在Vue框架中更能巧妙的使用,因为Vue中有v-model双向数据绑定,可以及时将返回的数据显示到前台页面中 。