【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=>{
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 =>{
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>