Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@takeda123pc

Javascirptのメソッドチェーンの説明(初心者向け)

この記事の対象者

配列とメソッドはなんとなくわかる方

メソッドチェーンとは

こんなやつです。

test.html
<body>
    <script>
        arrayA = ["リンゴ","ゴリラ","ラッコ"];
        value = arrayA.slice(1).length;
        console.log(value) //2
    </script>
</body>

2行目の右辺のことですね。ドットを挟んで3つつながってます

value = arrayA.slice(1).length;

解説

このvalue = arrayA.slice(1).length;が何を一体しているのかというと

1、配列arrayAに対して .slice(1) で "リンゴ" を配列arrayAから削除した配列を新たに作成。
  ["リンゴ","ゴリラ","ラッコ"]  ⇒  ["ゴリラ","ラッコ"]
2、その削除した配列に対して .length で配列の長さを取得。
  ["ゴリラ","ラッコ"] ⇒ 配列の要素の数は2個

という仕組みになっています。

左側から順番に処理をしていくだけですね。
この順番を必ず意識するようにしてください。

見たことがないメソッドが出てきても基本的にこの考えで解決できると思います。
これがわかれば最初は良いと思います。

ちなみに

左から順番にやっていくというのが分かっていれば

value = arrayA.slice(1).slice(1)

こういうへんてこな書き方も可能というのが理解できると思います。

0
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
takeda123pc
ロボットの動作の制御にC言語を使って携わっていました。現在はフロントエンドエンジニアになるためにPHP,html,css,Javascript,sql等の勉強をしています。ここ最近はReact、Reduxでの管理のしやすさに感動したため勉強中です。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?