MDNの中にfilter()メソッドについて、このように説明しています。
- filter() メソッドは、与えられた関数によって実装されたテストに合格したすべての配列からなる新しい配列を生成します。
例:
const numArr = [1,2,3,4,5];
// 奇数のみを抽出する
const NewNumArr = numArr.filter((num)=>{return num%2 === 1;});
console.log(NewNumArr);
// 値を順番に取り出す
for(value of NewNumArr){
console.log(value);
}
文字列を連結するには、従来は+を使いますが、ES6の書き方で${}を使います。
例:
const nameArr = ["田中","中田","藤井","蒼井"];
for(let i=0; i<nameArr.length; i++){
console.log(`${i + 1}番目は${nameArr[i]}です`);
}
ここで簡単に紹介しますが、ES6の中にmap()メソッドを使うと、従来でfor文で書く冗長なコードを簡略化することができます。
ぜひmap()メソッドに慣れてください。
例:
const nameArr = ["田中","中田","藤井","蒼井"];
nameArr.map((name,index) => console.log(`${index + 1}番目は${name}です`));
if文を使用し、配列になる一部の値のみを変更する例:
const nameArr = ["田中","中田","藤井","蒼井"];
const NewNameArr = nameArr.map((name)=>{
if(name === "田中"){
return name;
}else{
return `${name}さん`;
}
})
console.log(NewNameArr);
for(value of NewNameArr){
console.log(value);
}