1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

javaScript_Array.filter

Posted at

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);
}
1
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?