0
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 3 years have passed since last update.

JavaScript 様々なメソッド

Posted at

#pushメソッド

pushメソッドは配列の最後に新しい要素を追加するメソッドです。
メソッド名.push(追加要素);です。

#forEachメソッド

forEachメソッド配列の要素を1つずつ取り出して、全ての要素に繰り返し同じ処理を
行うメソッドです。

配列.forEach((引数) => {処理});
このようにアロー関数が入っています。そして、関数に引数が入っています。

const numbers = [1,2,3];
numbers.forEach((number) => {
  console.log(number);
});

出力結果

1
2
3

引数に入っている関数はコールバック関数と言います。

#find

findメソッドとは条件に合う要素を配列から取り出すメソッドです。

const numbers = [1,2,3];
const foundNumber = numbers.find((number)=> {
  return number < 3;
});

console.log(foundNumber);

#filterメソッド

filterメソッドとは条件に合う要素を取り出して、新しい配列を作るメソッドです。

const numbers = [1,3,5,7];
const filteredNumbers = numbers.fileter((number) => {
  return number > 3;
});
console.log(number);

出力結果はこちらです。

[5,7]

#mapメソッド

mapメソッドとは配列内の全ての要素に処理を行い、戻り値から
新しい配列を作るメソッドです。

const numbers = [1,2,3];
const doubledNumbers = numbers.map((number) => {
 return number * 2;
});

console.log(doubledNumbers);

出力結果はこちらです。

[2,4,6]

#最後に

初心者ですので、拙い文章や書き方だと思いますが、最後まで見て頂き
ありがとうございました。もし、ご指摘等がございましたらよろしくお願い致します。

0
0
0

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
0
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?