✍🏾 💃🏻 ↗️ 表現力豊かなJavaScript：データ構造：オブジェクトと配列 👵🏾 🕜 🧞

内容

彼らは私に2回尋ねました。「バベッジさん、教えてください。マシンに間違ったデータを入力した場合、正しい答えが得られますか？」 理解できないのは、そのような質問につながる頭の混乱です。

チャールズバベッジ、「哲学者の生活からの抜粋」（1864）

数値、ブール値、および文字列は、データ構造が構築されるブリックです。しかし、あなたは1つのレンガの家を作ることはできません。オブジェクトを使用すると、値（他のオブジェクトを含む）をグループ化して、より複雑な構造を構築できます。

私たちが今日取り組んでいるプログラムを書くことは、単純なデータでしか動作しないという事実によって非常に複雑になりました。この章では、ツールキットにデータ構造の理解を追加します。その終わりまでに、有用なプログラムの作成を開始するのに十分なことがわかります。

この章では、多かれ少なかれ現実的なプログラミングの例を取り上げ、必要に応じて概念を紹介します。例のコードは、前に定義した関数と変数から構築されます。

狼リス

時には、通常は夕方8時から10時の間、ジャックは意志に反して、毛皮のような尾を持つ小さなげっ歯類になります。

一方では、ジャックは彼が古典的なオオカミに変わらないことをうれしく思います。タンパク質に変わることは、より少ない問題を伴います。あなたは隣人を食べるか（恥ずかしいことか）を心配する代わりに、彼は隣人の猫に食べられることを心配しています。彼はandの木の冠の非常に細い枝で裸で混乱した状態で2回目覚めた後、夜の間部屋の窓とドアをロックし、自分自身を忙しくするために床にいくつかのナットを置くことを学びました。

これにより、猫とオークの問題が解決されます。しかし、ジャックはまだ彼の病気に苦しんでいます。不規則なアピールは、何かによって引き起こされるべきだと考えさせます。最初は、これは木に触れた日にしか起こらないと思っていました。彼はこれをやめ、彼らに近寄るのを避け始めました。しかし、問題は消えていません。

より科学的なアプローチに移行して、ジャックは自分が行ったことすべての日記をつけて、リスに連絡したかどうかを書き留めることにしました。そこで彼は、変革につながるものの輪を狭めたいと考えています。

最初に、彼はこの情報を保存するデータ構造を開発することを決めました。

データセット

データを処理するには、まずマシンのメモリでそれらを表現する方法を見つける必要があります。たとえば、数字のコレクションを覚えておく必要があります。

2, 3, 5, 7, 11

文字列で遊ぶことができます-文字列は任意の長さにすることができ、大量のデータを入れることができ、「2 3 5 7 11」を使用してこのセットを表します。しかし、それは不便です。何らかの方法でそこから数字を抽出するか、文字列に新しい数字を挿入する必要があります。

幸いなことに、JavaScriptは、数値のシーケンスを保存するためのデータ型を提供します。これは配列と呼ばれ、カンマで区切られた角括弧内の値のリストとして記述されます。

 var listOfNumbers = [2, 3, 5, 7, 11]; console.log(listOfNumbers[1]); // → 3 console.log(listOfNumbers[1 - 1]); // → 2

配列から要素を取得するレコードも角括弧を使用します。内部に別の式を含む式の後の括弧のペアは、最初の式で指定された配列、2番目の式でシリアル番号が与えられた要素を検索します。

最初の要素の数は1ではなくゼロです。したがって、最初の要素はlistOfNumbers [0]のように取得できます。以前にプログラムしたことがない場合は、そのような番号付けに慣れる必要があります。しかし、それは長い伝統があり、常に観察されている間、それは素晴らしい作品です。

プロパティ

前の例では、myString.length（文字列の長さを取得）やMath.max（最大値を取得）などの疑わしい式が多数見られました。これらの式は数量のプロパティを使用します。最初のケースでは、myString変数のlengthプロパティにアクセスできます。 2つ目は、Mathオブジェクト（数学に関連する関数と変数のセット）のmaxプロパティへのアクセスです。

JavaScriptのほとんどすべての変数にはプロパティがあります。例外はヌルで未定義です。これらの非数量の存在しないプロパティにアクセスしようとすると、エラーが発生します。

 null.length; // → TypeError: Cannot read property 'length' of null

プロパティにアクセスする2つの主な方法は、ドットと角括弧です。 value.xとvalue [x]はvalueプロパティにアクセスしますが、必ずしも同じものではありません。違いはxの解釈方法です。ポイントを使用する場合、ポイントの後のレコードは既存の変数の名前である必要があるため、名前でプロパティを直接呼び出します。角括弧を使用すると、括弧内の式が評価されてプロパティの名前が取得されます。 value.xは「x」というプロパティを呼び出し、値[x]は式xを評価し、その結果をプロパティの名前として使用します。

関心のあるプロパティが「長さ」と呼ばれることがわかっている場合は、value.lengthを記述します。変数iからプロパティ名を抽出する場合は、値[i]を記述します。また、プロパティには任意の名前を付けることができるため、「2」または「Jon Doe」という名前でプロパティにアクセスするには、角括弧を使用する必要があります。値[2]または値[「John Doe」]。これは、プロパティの正確な名前がわかっている場合でも必要です。「2」または「John Doe」は有効な変数名ではないため、ドット表記を使用してアクセスできないためです。

配列要素はプロパティに保存されます。これらのプロパティの名前は数値であり、変数の値から名前を取得する必要があることが多いため、角括弧を使用してアクセスする必要があります。配列のlengthプロパティは、その中にある要素の数を示します。このプロパティの名前は有効な変数名であり、事前に知っているため、配列["length"]を記述するよりも簡単なので、通常array.lengthを記述します。

方法

文字列オブジェクトと配列オブジェクトには、lengthプロパティに加えて、関数を参照するいくつかのプロパティが含まれています。

 var doh = ""; console.log(typeof doh.toUpperCase); // → function console.log(doh.toUpperCase()); // →

各行にはtoUpperCaseプロパティがあります。呼び出されると、すべての文字が大文字に置き換えられた文字列のコピーを返します。 toLowerCaseもあります-それが何をするか推測できます。

おもしろいことに、UpperCaseの呼び出しは引数を渡しませんが、関数は何らかの方法で呼び出した「Duc」行にアクセスします。この仕組みについては、第6章で説明しています。

関数を含むプロパティは、通常、それらが属する変数のメソッドと呼ばれます。つまり、toUpperCaseは文字列メソッドです。

次の例は、配列で使用可能なメソッドの一部を示しています。

 var mack = []; mack.push(","); mack.push("", ""); console.log(mack); // → [",", "", ""] console.log(mack.join(" ")); // → ,   console.log(mack.pop()); // →  console.log(mack); // → [",", ""]

pushメソッドは、配列の最後に値を追加するために使用されます。 popは逆の処理を行います。配列の末尾から値を削除して返します。文字列の配列は、joinメソッドを使用して単一の文字列にフラット化できます。結合引数として、配列の要素間に挿入される文字列を渡します。

オブジェクト

リスに戻りましょう。一連のジャーナルエントリは配列として表すことができます。ただし、レコードは数字や行だけで構成されているわけではありません。それぞれがヒーローの行動のリストと、ジャックがリスに変わったかどうかを示すブール値を保持する必要があります。理想的には、各レコードを1つの変数にグループ化し、それらを配列に追加します。

タイプオブジェクト（オブジェクト）の変数-任意のプロパティのコレクション。必要に応じてオブジェクトのプロパティを追加および削除できます。オブジェクトを作成する1つの方法は、中括弧を使用することです。

 var day1 = { squirrel: false, events: ["", " ", "", "", ""] }; console.log(day1.squirrel); // → false console.log(day1.wolf); // → undefined day1.wolf = false; console.log(day1.wolf); // → false

括弧内に、コンマで区切られたプロパティのリストを指定できます。各プロパティは名前として記述され、その後にコロンが続き、プロパティの値である式が続きます。スペースと改行は考慮されません。オブジェクトプロパティのレコードを複数の行に分割することにより、コードの可読性が向上します。プロパティ名が有効な変数名でない場合は、引用符で囲む必要があります。

 var descriptions = { work: "  ", " ": "  " };

JavaScriptの中括弧には2つの意味があることがわかります。命令の先頭で使用され、命令の新しいブロックを開始します。他の場所では、オブジェクトを記述します。通常、オブジェクトの説明から命令を開始することは意味をなさないため、プログラムでは、通常、これら2つのブレースの使用についてあいまいさはありません。

存在しないプロパティの値を読み取ろうとすると、最初にwolfプロパティを読み取ろうとした例のように、未定義になります。

=演算子を使用して、プロパティに値を割り当てることができます。以前に値があった場合は、置き換えられます。プロパティが欠落している場合、作成されます。

触手と変数を使用してモデルに戻ると、プロパティもそれらに似ていることがわかります。値を取得しますが、他の変数とプロパティは同じ値を参照する場合があります。オブジェクトは、任意の数の触手を持つタコであり、それぞれにプロパティの名前が書き込まれます。

削除オペレーターは、触手を切断します。これは、プロパティアクセス式に適用される単項演算子です。これはめったに行われませんが、かなり可能です。

 var anObject = {left: 1, right: 2}; console.log(anObject.left); // → 1 delete anObject.left; console.log(anObject.left); // → undefined console.log("left" in anObject); // → false console.log("right" in anObject); // → true

バイナリ入力演算子は、文字列とオブジェクトの名前を受け取り、オブジェクトにその名前のプロパティがあるかどうかを示すブール値を返します。プロパティ値を未定義に設定することと、プロパティを削除することには違いがあります。最初の場合、プロパティはオブジェクトに保存され、空になります。 2番目では、プロパティはもうないので、inはfalseを返します。

配列は、シーケンスの格納に特化した一種のオブジェクトであることがわかります。式typeof [1、2]は、「オブジェクト」を返します。彼らはすべての触手が均等に配置され、数字でラベル付けされた長い平らなタコと考えることができます。

したがって、Jacquesマガジンはオブジェクトの配列として表すことができます。

 var journal = [ {events: ["", " ", "", "", ""], squirrel: false}, {events: [" ", "", " ", "", "   ", " "], squirrel: false}, {events: ["", "", "", "", ""], squirrel: true}, /*   ... */ ];

可変性

すぐにプログラミングに取り掛かります。それまでの間、理論の最後の部分を理解する必要があります。

オブジェクトの値は変更できることがわかりました。前に調べた値の種類（数値、文字列、ブール値）は不変です。特定のタイプの既存の値を変更することはできません。それらを組み合わせて新しい値を派生させることはできますが、文字列値を操作する場合、この値は一定のままです。行内のテキストは変更できません。「cat」行へのリンクがある場合は、コード内の文字を変更して「midge」を作成することはできません。

ただし、オブジェクトの場合、プロパティの値を変更することでコンテンツを変更できます。

120と120の2つの数値がある場合、それらが同じ場所のメモリに格納されているかどうかに関係なく、それらを1つの同じと見なすことができます。しかし、オブジェクトを扱う場合、同じオブジェクトへの2つの参照があるか、同じプロパティを含む2つの異なるオブジェクトがあるかによって違いがあります。例を考えてみましょう：

 var object1 = {value: 10}; var object2 = object1; var object3 = {value: 10}; console.log(object1 == object2); // → true console.log(object1 == object3); // → false object1.value = 15; console.log(object2.value); // → 15 console.log(object3.value); // → 10

変数object1とobject2は同じオブジェクトを保持するため、object1を変更するとobject2が変更されます。変数object3は、最初はobject1と同じプロパティを含む別のオブジェクトを指しますが、それ自体の寿命を持ちます。

オブジェクトを比較するとき、比較されるオブジェクトが同じ変数である場合にのみ==演算子はtrueを返します。異なるオブジェクトを比較すると、内容が同じであってもfalseが返されます。オブジェクトの内容を比較する「深い」比較演算子はJavaScriptでは提供されていませんが、独立して実行できます（これは章の最後の演習の1つです）。

ウェアウルフ誌

そのため、Jacquesはお気に入りのJavaScriptインタープリターを起動し、ログの保存に必要な環境を作成します。

 var journal = []; function addEntry(events, didITurnIntoASquirrel) { journal.push({ events: events, squirrel: didITurnIntoASquirrel }); }

毎晩10時、時には明日の朝、クローゼットの一番上の棚から降りて、彼は自分の日を書き留めます。

 addEntry(["", " ", "", "", ""], false); addEntry([" ", "", " ", "", "   ", " "], false); addEntry(["", "", "", "", ""], true);

十分なデータが得られたら、彼はラップと毎日のイベントとの相関を計算し、理想的にはそれらの相関から何か有用なことを学びます。

相関は、変数（JavaScriptの意味ではなく、統計的な意味での変数）間の関係の尺度です。通常、-1から1の値を取る係数として表されます。ゼロ相関は、変数がまったく接続されていないことを意味し、相関1は、変数が完全に接続されていることを意味します。マイナス1は、変数の強いつながりを意味しますが、その反対も意味します。1つが真の場合、2つ目は常に偽です。

係数phi（ϕ）はブール変数の相関を測定するのによく適しており、計算は比較的簡単です。これを行うには、2つの変数のさまざまな組み合わせが観察された回数を含むテーブルが必要です。たとえば、「ピザを食べる」および「アピールする」イベントを取得して、次の表に表示できます。

ϕは次の式で計算できます。ここで、nはテーブルのセルを指します。

n01は、最初のイベント（ピザ）が偽（0）で、2番目のイベント（呼び出し）が真（1）の場合の測定数を示します。この例では、n01 = 4です。

表記n1•は、最初のイベントがtrueであるすべてのディメンションの合計を示します。この例では10です。したがって、n•0は、「call」イベントがfalseであるすべてのディメンションの合計です。

したがって、ピザテーブルの場合、式の分子は1×76-9×4 = 40であり、分母は10×80×5×85のルート、または√340000です。 ϕ≈0.069であり、かなり小さいことがわかります。ピザはタンパク質に影響を与えないようです。

相関を計算する

2x2テーブルは、4つの要素の配列（[76、9、4、1]）、2つの要素の配列（それぞれが2つの要素の配列（[76、9]、[4、1]]）でも、オブジェクトとしても表現できます。「11」または「01」という名前のプロパティを持つ。しかし、私たちにとっては、1次元配列の方が簡単で、それにアクセスするための式は短くなります。配列のインデックスを2桁の2進数として処理します。左の記号は売上高の変数を示し、右の記号はイベントを示します。たとえば、10はジャックがリスになったが、イベント（たとえば「ピザ」）が発生しなかった場合を示します。それは4回起こりました。また、バイナリ10は10進数2であるため、これをインデックス2の配列に格納します。

そのような配列から係数ϕを計算する関数：

 function phi(table) { return (table[3] * table[0] - table[2] * table[1]) / Math.sqrt((table[2] + table[3]) * (table[0] + table[1]) * (table[1] + table[3]) * (table[0] + table[2])); } console.log(phi([76, 9, 4, 1])); // → 0.068599434

これは、JavaScriptのϕ式を直接実装したものです。 Math.sqrtは、標準JavaScript環境からMathオブジェクトの平方根を抽出する関数です。タイプn1•のフィールドを取得するには、テーブルの2つのフィールドを追加する必要があります。列または行の合計を明示的に保存しないためです。

Jacquesは3か月間ログに記録しました。結果は本のウェブサイトで入手できます。

eloquentjavascript.net/code/jacques_journal.js

特定のイベントの2x2変数を抽出するには、サイクル内のすべてのレコードを調べて、タンパク質へのアピールに関連して発生する回数を計算する必要があります。

 function hasEvent(event, entry) { return entry.events.indexOf(event) != -1; } function tableFor(event, journal) { var table = [0, 0, 0, 0]; for (var i = 0; i < journal.length; i++) { var entry = journal[i], index = 0; if (hasEvent(event, entry)) index += 1; if (entry.squirrel) index += 2; table[index] += 1; } return table; } console.log(tableFor("pizza", JOURNAL)); // → [76, 9, 4, 1]

hasEvent関数は、エントリに目的のアイテムが含まれているかどうかを確認します。配列には、配列内の特定の値（この場合はイベントの名前）を検索するindexOfメソッドがあります。配列内の位置のインデックスを返します（配列内にない場合は-1）。そのため、indexOfの呼び出しが-1を返さなかった場合、レコードにイベントがあります。

tableForのループの本体は、各ログエントリが含まれるテーブル内のセルを計算します。彼女は、レコードに目的のイベントが含まれているかどうか、およびそれがタンパク質へのアピールに関連しているかどうかを確認します。次に、ループは、目的のセルに対応する配列の要素を1つ増やします。

これで、相関を計算するためのすべてのツールができました。各イベントの相関を計算し、リストのいずれかが表示されるかどうかを確認するだけです。しかし、これらの相関を保存する方法は？

マップとしてのオブジェクト

1つの方法は、名前と値のプロパティを持つオブジェクトを使用して、配列に相関を保存することです。ただし、配列内の相関の検索はかなり面倒です。目的の名前のオブジェクトを見つけるには、配列全体を調べる必要があります。このプロセスを関数でラップすることもできますが、とにかくコードを記述する必要があり、コンピューターは必要以上の作業をします。

より良い方法は、オブジェクトのプロパティをイベント名とともに使用することです。角括弧を使用してプロパティを作成および読み取り、in演算子を使用してプロパティの存在を確認できます。

 var map = {}; function storePhi(event, phi) { map[event] = phi; } storePhi("", 0.069); storePhi(" ", -0.081); console.log("" in map); // → true console.log(map[" "]); // → -0.081

マップは、あるエリアの値（この場合はイベントの名前）を別のエリアの値（この場合は係数ϕ）に関連付ける方法です。

このオブジェクトの使用にはいくつかの問題があります。それらについては第6章で説明しますが、現時点では心配する必要はありません。

係数が保存されているすべてのイベントを収集する必要がある場合はどうなりますか？配列内にあるため、予測可能なシーケンスは作成されないため、forループは機能しません。 JavaScriptは、オブジェクトのすべてのプロパティを走査するためのループ構造を提供します。 forループのように見えますが、inコマンドを使用します。

 for (var event in map) console.log("  '" + event + "'  " + map[event]); // →   ''  0.069 // →   ' '  -0.081

要約分析

データセットで表されるすべてのタイプのイベントを見つけるために、各発生を順番に処理してから、すべての発生イベントのループを作成します。すでに見つかったすべてのタイプのイベントの相関係数を含むphisオブジェクトを保存します。まだphisにない新しいタイプに出会った場合、その相関を計算してオブジェクトに追加します。

 function gatherCorrelations(journal) { var phis = {}; for (var entry = 0; entry < journal.length; entry++) { var events = journal[entry].events; for (var i = 0; i < events.length; i++) { var event = events[i]; if (!(event in phis)) phis[event] = phi(tableFor(event, journal)); } } return phis; } var correlations = gatherCorrelations(JOURNAL); console.log(correlations.pizza); // → 0.068599434

見ます。何が起こった：

 for (var event in correlations) console.log(event + ": " + correlations[event]); // → : 0.0140970969 // → : 0.0685994341 // → : 0.1371988681 // → : -0.0757554019 // → : -0.0648203724 //   ...

ほとんどの相関はゼロに近いです。ニンジン、パン、プリンは明らかにタンパク質の変換とは関係ありません。しかし、週末にはもっと頻繁に起こるようです。結果をフィルター処理して、0.1より大きい相関または-0.1より小さい相関のみを表示します。

 for (var event in correlations) { var correlation = correlations[event]; if (correlation > 0.1 || correlation < -0.1) console.log(event + ": " + correlation); } // → : 0.1371988681 // →  : -0.3805211953 // → : 0.1296407447 // → : -0.1371988681 // → : 0.2425356250 // → : 0.1106828054 // → : 0.5902679812

うん！ 2つの相関係数は、他の相関係数よりも著しく大きくなっています。ピーナッツは、たんぱく質になる可能性に大きく影響しますが、歯を磨くと予防されます。

面白い。これを試してみましょう：

 for (var i = 0; i < JOURNAL.length; i++) { var entry = JOURNAL[i]; if (hasEvent("", entry) && !hasEvent(" ", entry)) entry.events.push(" "); } console.log(phi(tableFor("  ", JOURNAL))); // → 1

間違いはありません！この現象は、ジャックがピーナッツを持ち、歯を磨かないときに起こります。彼が口腔衛生についてそんなにふしだらでなかったら、彼は彼の不幸に全く気づかなかっただろう。

これを知って、ジャックは単にピーナッツを食べるのをやめ、変換が停止したことを発見します。

ジャックはしばらく元気です。しかし、数年後、彼は仕事を失い、最終的にはサーカスに行く必要があり、ショーの前に彼は驚くべきリスマンとして行動し、一口のピーナッツバターを拾います。一度、そのような悲惨な存在にうんざりしていたジャックは、人間に戻らず、サーカスのテントの穴をこっそり抜けて森の中に姿を消します。誰も彼を見ませんでした。

さらなる質量学

この章の最後で、オブジェクトに関連するいくつかの概念を紹介します。配列にある便利なメソッドから始めましょう。

配列の最後に要素を追加および削除するプッシュおよびポップメソッドを見ました。配列を開始する適切なメソッドは、unshiftおよびshiftと呼ばれます

 var todoList = []; function rememberTo(task) { todoList.push(task); } function whatIsNext() { return todoList.shift(); } function urgentlyRememberTo(task) { todoList.unshift(task); }

このプログラムは、予定リストを管理します。リストの最後にrememberTo（“ eat”）を呼び出して物事を追加し、何かをする準備ができたら、whatIsNext（）を呼び出してリストの最初の要素を取得（および削除）します。urgentlyRememberTo関数もタスクを追加しますが、リストの一番上にのみ追加します。

indexOfメソッドには、lastIndexofという名前の相対があり、配列の要素の検索を最後から開始します。

 console.log([1, 2, 3, 2, 1].indexOf(2)); // → 1 console.log([1, 2, 3, 2, 1].lastIndexOf(2)); // → 3

indexOfとlastIndexOfの両方のメソッドは、検索の開始位置を設定するオプションの2番目の引数を取ります。

もう1つの重要な方法はスライスです。これは、開始（開始）要素と終了（終了）要素の番号を取得し、このギャップに該当する要素のみで構成される配列を返します。開始インデックスにあるものを含むが、終了インデックスにあるものを除外します。

 console.log([0, 1, 2, 3, 4].slice(2, 4)); // → [2, 3] console.log([0, 1, 2, 3, 4].slice(2)); // → [2, 3, 4]

終了インデックスが指定されていない場合、スライスは開始インデックスの後のすべての要素を選択します。文字列には、同じように機能する同様のメソッドがあります。

concatメソッドは、+演算子が文字列を接着するのと同じように、配列を接着するために使用されます。この例は、concatおよびsliceメソッドの動作を示しています。この関数は、配列配列とインデックスインデックスを受け取り、インデックスindexにある削除された要素を除いて、前の配列のコピーである新しい配列を返します。

 function remove(array, index) { return array.slice(0, index).concat(array.slice(index + 1)); } console.log(remove(["a", "b", "c", "d", "e"], 2)); // → ["a", "b", "d", "e"]

文字列とそのプロパティ

lengthやtoUpperCaseなどの文字列プロパティ値を取得できます。ただし、新しいプロパティを追加しようとしても何も起こりません。

 var myString = ""; myString.myProperty = ""; console.log(myString.myProperty); // → undefined

文字列、数値、ブール値などの値はオブジェクトではなく、言語は新しいプロパティを割り当てようとすることについて文句を言いませんが、実際にはそれらを保存しません。値は不変です。

ただし、独自の組み込みプロパティがあります。各行にはメソッドのセットがあります。おそらく最も便利なのは、配列を使用した同じメソッドを連想させる、sliceとindexOfです。

 console.log("".slice(3, 6)); // →  console.log("".indexOf("")); // → 4

違いは、文字列の場合、indexOfメソッドは複数の文字を含む文字列を取ることができますが、配列の場合、このメソッドは1つの要素のみで機能することです。

 console.log("  ".indexOf("")); // → 5

trimメソッドは、行の両端からスペース（および改行、タブ、その他の同様の文字）を削除します。

 console.log("  \n ".trim()); // →

すでに文字列の長さのプロパティに遭遇しています。行の個々の文字へのアクセスは、配列のように、charAtメソッドと、単に位置の番号付けを介して取得できます。

 var string = "abc"; console.log(string.length); // → 3 console.log(string.charAt(0)); // → a console.log(string[1]); // → b

引数オブジェクト

関数が呼び出されると、引数と呼ばれる特別な変数が関数の実行可能本体の環境に追加されます。関数に渡されるすべての引数を含むオブジェクトを指します。JavaScriptでは、パラメーターで宣言するよりも多いまたは少ない引数を関数に渡すことができます。

 function noArguments() {} noArguments(1, 2, 3); //  function threeArguments(a, b, c) {} threeArguments(); //

argumentsオブジェクトには、関数に渡される引数の実際の数を含むlengthプロパティがあります。また、名前0、1、2などの各引数のプロパティもあります。

それが配列に非常に似ていると思われる場合-あなたは正しいです。これは配列に非常に似ています。残念ながら、このオブジェクトにはsliceやindexOfなどのメソッドがないため、アクセスが難しくなります。

 function argumentCounter() { console.log("  ", arguments.length, "."); } argumentCounter("", "", ""); // →    3 .

一部の関数は、console.logなどの任意の数の引数用に設計されています。通常、引数オブジェクトのプロパティをループします。これは、ユーザーフレンドリーなインターフェースを作成するために使用できます。たとえば、Jacques雑誌のエントリを作成した方法を思い出してください。

 addEntry(["", " ", "", "", ""], false);

この関数を頻繁に呼び出すので、呼び出しが簡単な代替手段を作成できます。

 function addEntry(squirrel) { var entry = {events: [], squirrel: squirrel}; for (var i = 1; i < arguments.length; i++) entry.events.push(arguments[i]); journal.push(entry); } addEntry(true, "", " ", "", "", "");

このバージョンは、通常どおり最初の引数を読み取り、ループの残りの部分（インデックス1から開始し、最初の引数をスキップする）を渡して、配列に収集します。

数学オブジェクト

Mathは、Math.max（最大）、Math.min（最小）、Math.sqrt（平方根）などの数値を操作するためのツールのセットであることを既に見てきました。

Mathオブジェクトは、関連する関数をグループ化するためのコンテナーとしてのみ使用されます。 Mathオブジェクトは1つだけであり、値として使用されることはほとんどありません。これらはすべてこれらの関数と値の名前空間を提供するだけなので、それらをグローバルにする必要はありません。

グローバル変数が多すぎると、ネームスペースが汚染されます。より多くの名前が使用されるほど、そのうちの1つを誤って変数として使用する可能性が高くなります。たとえば、プログラム内の何かにmaxという名前を使用する可能性が非常に高くなります。 JavaScriptの組み込みのmax関数はMathオブジェクトに安全にパッケージ化されているため、上書きを心配する必要はありません。

多くの言語はあなたを止めるか、少なくともあなたがすでに取っている名前で変数を定義するとき、あなたに少なくとも警告します。 JavaScriptはこれを行いませんので、注意してください。

Mathオブジェクトに戻ります。三角法が必要な場合に役立ちます。cos（コサイン）、sin（サイン）、およびtan（タンジェント）があり、それらの逆関数はacos、asin、およびatanです。数値π（pi）-または少なくともJavaScriptの数値に適合する近似値-もMath.PIとして利用できます。（プログラミングにはそのような古い伝統があります-定数名を大文字で書く）。

 function randomPointOnCircle(radius) { var angle = Math.random() * 2 * Math.PI; return {x: radius * Math.cos(angle), y: radius * Math.sin(angle)}; } console.log(randomPointOnCircle(2)); // → {x: 0.3667, y: 1.966}

サインやコサインに慣れていない場合は、絶望しないでください。第13章でそれらを使用してから、それらについて説明します。

前の例ではMath.randomを使用しています。これは、各呼び出しでゼロから1（ゼロを含む）の間の新しい擬似乱数を返す関数です。

 console.log(Math.random()); // → 0.36993729369714856 console.log(Math.random()); // → 0.727367032552138 console.log(Math.random()); // → 0.40180766698904335

コンピューターは決定論的なマシン（同じ入力データに対して常に同じように反応します）ですが、乱数を発生させることができます。このため、マシンは内部状態でいくつかの数値を保存します。乱数が要求されるたびに、さまざまな複雑な決定論的計算を実行し、計算結果の一部を返します。彼女はこの結果を使用して内部状態を変更するため、次の「ランダムな」数字は異なります。

分数ではなくランダムな整数が必要な場合は、Math.randomの結果に対してMath.floor（数値を最も近い整数に丸める）を使用できます。

 console.log(Math.floor(Math.random() * 10)); // → 2

乱数に10を掛けると、0から10（ゼロを含む）までの数字が得られます。Math.floorは切り捨てられるため、0から9までの数値を取得します。

また、関数Math.ceil（「天井」-天井）（最も近い整数に切り上げる）およびMath.round（最も近い整数に丸める）もあります。

グローバルオブジェクト

グローバル変数が存在するグローバルスコープには、オブジェクトと同じ方法でアクセスできます。各グローバル変数は、このオブジェクトのプロパティです。ブラウザでは、グローバルスコープはウィンドウ変数に保存されます。

 var myVar = 10; console.log("myVar" in window); // → true console.log(window.myVar); // → 10

まとめ

オブジェクトと配列（オブジェクトの亜種）により、複数の値を1つにグループ化できます。基本的に、これにより、いくつかの関連するものをバッグに入れて、それらをすべて手でかき集めて個別に保持しようとする代わりに、それを駆け回ることができます。

JavaScriptのほとんどの値には、nullと未定義を除くプロパティがあります。 value.propNameまたはvalue ["propName"]を介してそれらにアクセスします。オブジェクトは名前を使用してプロパティを保存し、多かれ少なかれそれらのプロパティを保存します。配列には通常、類似した型の値の可変数が含まれ、これらの値の名前として（ゼロから始まる）番号を使用します。

配列には、長さなどの名前付きプロパティやいくつかのメソッドもあります。メソッドは、プロパティ間で機能する関数であり、（通常）プロパティが属する値に対して機能します。

オブジェクトはマップとしても機能し、値を名前に関連付けます。in演算子は、オブジェクトに指定された名前のプロパティが含まれているかどうかを調べるために使用されます。for（for（オブジェクトの変数名））ループで同じキーワードを使用して、オブジェクトのすべてのプロパティを反復処理します。

演習

範囲合計

はじめに、数値の範囲の合計を計算する便利な方法が言及されました。

 console.log(sum(range(1, 10)));

範囲の開始と終了の2つの引数を取り、開始と終了を含むすべての数値を含む配列を返す範囲関数を作成します。

次に、数値の配列を受け取り、それらの合計を返す合計関数を作成します。上記のステートメントを実行し、55が返されることを確認します。

ボーナスとして、範囲関数を追加して、オプションの3番目の引数（配列を作成するステップ）を取ることができるようにします。指定されていない場合、ステップは1に等しくなります。範囲（1、10、2）への呼び出しは[1、3、5、7、9]を返す必要があります。呼び出し範囲（5、2、-1）が[5、4、3、2]を返すように、負のステップで動作することを確認してください。

 console.log(sum(range(1, 10))); // → 55 console.log(range(5, 2, -1)); // → [5, 4, 3, 2]

配列を逆にします

配列には、配列内の要素の順序を逆にするreverseメソッドがあります。演習として、reverseArrayとreverseArrayInPlaceの2つの関数を作成します。最初の関数は引数として配列を取り、要素の逆順で新しい配列を作成します。2番目の方法は、元のreverseメソッドと同じように機能します。引数として渡された配列内の要素の順序を逆にします。標準のリバース方式を使用しないでください。

前の章の副作用と純粋な機能を念頭に置いている場合、どのオプションがより便利だと思いますか？どちらがより効果的ですか？

 console.log(reverseArray(["A", "B", "C"])); // → ["C", "B", "A"]; var arrayValue = [1, 2, 3, 4, 5]; reverseArrayInPlace(arrayValue); console.log(arrayValue); // → [5, 4, 3, 2, 1]

一覧

オブジェクトを使用して、さまざまなデータ構造を構築できます。一般的な構造はリストです（配列と混同しないでください）。リストはリンクされたオブジェクトのセットであり、最初のオブジェクトには2番目、2番目から3番目などへのリンクが含まれます。

 var list = { value: 1, rest: { value: 2, rest: { value: 3, rest: null } } };

その結果、オブジェクトはチェーンを形成します。

リストは、構造の一部を共有できるという点で便利です。たとえば、{value：0、rest：list}と{value：-1、rest：list}の2つのリストを作成できます。ここで、listは以前に宣言された変数への参照です。これらは2つの独立したリストであり、それぞれの最後の3つの要素を含む共通のリスト構造を持っています。さらに、元のリストは、プロパティを3つの要素の個別のリストとして保存します。

[1、2、3]を引数としてそのような構造を構築するarrayToList関数と、リストから配列を作成するlistToArray関数を記述します。また、要素を受け取って新しいリストを作成するプリペンドヘルパー関数を作成します。この要素は元のリストの前に追加され、リストと番号を引数として受け取り、リストの特定の位置にある、または未定義の要素を返すn番目の関数そのような要素の欠如。

nthのバージョンが再帰的でない場合は、再帰バージョンを記述します。

 console.log(arrayToList([10, 20])); // → {value: 10, rest: {value: 20, rest: null}} console.log(listToArray(arrayToList([10, 20, 30]))); // → [10, 20, 30] console.log(prepend(10, prepend(20, null))); // → {value: 10, rest: {value: 20, rest: null}} console.log(nth(arrayToList([10, 20, 30]), 1)); // → 20

深い比較

==演算子は、オブジェクト変数を比較して、それらが同じオブジェクトを参照しているかどうかを確認します。しかし、コンテンツごとにオブジェクトを比較すると便利な場合があります。

2つの値を取り、trueを返すdeepEqual関数は、deepEqual再帰呼び出しと比較して、それらが2つの同じ値であるか、プロパティが同じ値を持つオブジェクトである場合にのみ記述します。

===を使用して値を比較するタイミング、およびコンテンツごとにオブジェクトを比較するタイミングを調べるには、typeof演算子を使用します。両方の量の「オブジェクト」が生成される場合、詳細な比較を行う必要があります。歴史的な理由で発生した1つの愚かな例外を忘れないでください。「typeof null」も「object」を返します。

 var obj = {here: {is: "an"}, object: 2}; console.log(deepEqual(obj, obj)); // → true console.log(deepEqual(obj, {here: 1, object: 2})); // → false console.log(deepEqual(obj, {here: {is: "an"}, object: 2})); // → true

表現力豊かなJavaScript：データ構造：オブジェクトと配列

内容

狼リス