[Day7] Array Cardio Day 2

[Day7] Array Cardio Day 2

Javascript 的技巧

需要用到的技巧与练习目标

1. some and every
2. find and findIndex
3. splice and slice

Array.prototype.some()

some()方法是会透过给定的函式中来测试，阵列中是否有一个元素符合条件，如果符合则会回传布林值 true

const people = [
{name:'Wes',year:1988},
{name:'Kait',year:1986},
{name:'Irv',year:1970}
];

// 判断有没有年纪大於19的人
const isAdult = people.some(function(person){
const currentYear = (new.Date()).getFullYear();
 if(currentYear - person.year >= 19){
 return true;
 }
})
// console.log(isAdult)为 true

或是改成箭头函式，更简短

const isAdult = people.some(person=((new.Date()).
getFullYear()) - person.year >= 19);

Array.prototype.every()

every()方法是会透过给定的函式中来测试，阵列中是否全部的元素皆符合条件，如果符合则会回传布林值 true

// 判断是否全部的人年纪都大於19的人
const allAdult = people.every(function(person){
const currentYear = (new.Date()).getFullYear();
 if(currentYear - person.year >= 19){
 return true;
 }
})
// console.log(allAdult)为 false

箭头函式的写法

const allAdult = people.every(person=((new.Date()).
getFullYear()) - person.year >= 19);

Array.prototype.find()

find()方法是会透过给定的函式中来测试，阵列中是否有元素符合条件，如果符合则会回传第一个找到的元素。
不同於filter的全部元素皆会汇出。

const comments=[
{text:'Love this!',id:523423},
{text:'Super good!',id:823423},
{text:'You are the best!',id:2039842},
{text:'Ramen on my fav food ever!',id:123523},
{text:'Nice Nice Nice!',id:542328},
];

//找出id = 823423的第一个元素
const comment = comments.find(function(comment){
if(comment.id === 823423){
return true;
}
});
//console.log(comment)

改写成箭头函式

const comment = comments.find(comment => comment.id === 823423);

参考资料来源:
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/some

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/every

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/find