文章博客

技术团队文档示例


【ES6】新增数组操作

<h4>一、找出第一个符合条件的数组成员</h4> <hr /> <h5>项目中经常需要遍历数组寻找符合需求的数据,使用find()方法可以将代码从循环中简化出来。假如在数组中寻找值为“Annie”的成员,方法如下</h5> <pre><code>var people = [ { name :'Annie', age:'18' }, { name:'wayne', age:19 }, { name :'Annie', age:'19' }, ] var filterPeople = people.find(item=&gt;{ return item.name =='Annie'; }) console.log(filterPeople) // { // age:"18", // name:"Annie" // }</code></pre> <h4>二、 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。</h4> <hr /> <p>返回符合数据的所有成员</p> <pre><code>var people = [ { name :'Annie', age:'18' }, { name:'wayne', age:19 }, { name :'Annie', age:'19' }, ] var filterPeople2 = people.filter(item =&gt;{ return item.name == 'Annie' }) console.log(filterPeople2) // [[object Object] { // age: "18", // name: "Annie" // }, [object Object] { // age: "19", // name: "Annie" // }]</code></pre> <h4>三、 includes判断数组是否包含指定的值(返回true or false)</h4> <hr /> <p>与字符串的includes方法类似,接收两个参数,</p> <ul> <li>第一个参数表示要搜索的值,第二个参数表示搜索的起始位置。</li> <li>若第二个参数为负数,则表示倒数的位置。返回布尔值,若数组中包含指定值为true,反之为false。</li> </ul> <pre><code>var a = [1,2,3,NaN]; a.includes(1); //true a.includes(-1); //false a.includes(NaN); //true a.includes(1,1); //false a.includes(3,-1); //false </code></pre>

页面列表

ITEM_HTML