質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

関数

関数(ファンクション・メソッド・サブルーチンとも呼ばれる)は、はプログラムのコードの一部であり、ある特定のタスクを処理するように設計されたものです。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

配列

配列は、各データの要素(値または変数)が連続的に並べられたデータ構造です。各配列は添え字(INDEX)で識別されています。

Q&A

解決済

3回答

1476閲覧

配列名が関数?

aaaaaaaa

総合スコア501

jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

関数

関数(ファンクション・メソッド・サブルーチンとも呼ばれる)は、はプログラムのコードの一部であり、ある特定のタスクを処理するように設計されたものです。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

配列

配列は、各データの要素(値または変数)が連続的に並べられたデータ構造です。各配列は添え字(INDEX)で識別されています。

0グッド

0クリップ

投稿2016/03/08 11:14

jquery.colorというプラグインにこのような記述がありました。

javascript

1 // element for support tests 2 supportElem = jQuery( "<p>" )[ 0 ],

恐らく配列内の0番目の添え字を呼び出しているのだと思うのですが、配列の名前が関数のような形になっているのは初めて見ました。
これは、リテラル表記の配列名やarrayコンストラクタによって生成される配列、例えばvar jQuery = new Array('javascript','jquery');やvar jQuery = ['javascript', 'jquery'];とは何が違うのでしょうか。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

ベストアンサー

javascript

1function jQuery(arg) { 2 return [0,1]; 3} 4 5console.log(jQuery("<p>")[0]);

配列以外に、プロパティや戻り値のアクセサとしてもブラケットが使われるのは、ECMAScriptの言語仕様です。

投稿2016/03/08 16:26

編集2016/03/08 16:55
kagi_shippo

総合スコア105

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

think49

2016/03/09 03:36

意図はわかりますが、掲示されたコードでは配列(new Array)を返していますね…。 配列以外も数値をインデックスに取れる事を示すなら、配列以外を返すコードを持ってくると良いと思います。 function jQuery(arg) { return {0: arg + 0, 1: arg + 1}; } console.log(jQuery('<p>')[0]); // <p>0
kagi_shippo

2016/03/09 05:37

> 配列以外も数値をインデックスに取れる事を示すなら 違います。 掲示したコードは、関数の戻り値がブラケットで参照される例です。 質問者は、 「配列の名前が関数のような形になっているのは初めて見た」 としているため 「配列の名前が関数のような形になっている」 のではなく 「プロパティや戻り値のアクセサとしてブラケットが使われている」 ことを示しました。
think49

2016/03/09 05:45

なるほど。では、「配列以外に、プロパティや戻り値のアクセサとしてもブラケットが使われるのは」と「配列以外」を強調したのはどのような意図でしょうか。 プロパティアクセサにブラケットが使えるのは配列でも同じで Object 型であればブラケットを使用可能ですよね。コードと説明が一致していないように読めました。 Array(1, 2, 3)[0]; // 1
kagi_shippo

2016/03/09 06:13 編集

jquery.colorのコードを137行目までは読み進めたということだと思いますので JavaScriptに不慣れなだけで、まったくのプログラミングの初心者というわけでは、ないと想像しました。 Object型にブラケットでアクセスできるは、ECMAScriptの特徴で、その他の多くの言語では、おもに配列に対して使われるため、その他言語の修得者は、はじめのうちブラケットと見て「配列」と素直に想像する傾向があります。(私自身そうでした。) 配列をことさら強調したのは、質問者ご自身が、「配列の名前が関数のような形」とされているためです。 以下、think49さんではなく、質問者に向けて一点追記します。 Cなどオブジェクト指向でない言語にも配列はありますが、JavaScriptでは配列も関数もオブジェクトです。(JavaScriptがオブジェクト指向かという議論は横に置きます。)
think49

2016/03/09 06:41

To: kagi_shippo さん 何度もごめんなさい。 「ブラケットが配列特有のもの」という固定観念を払拭したいのであれば「配列を返り値にとる関数コードを例に上げるのは不適切ではないか」と伝えたかったのです。 この場合、質問者さんは「配列を返すのですからブラケットで参照できて当然ですよね。でも、jQuery() は配列を返していないと思うのですが、なぜ参照できるのでしょうか。」という質問が返ってくる可能性があるのではないでしょうか。 配列以外もブラケットでプロパティ参照可能という事を伝えるのであれば、「配列以外を返してブラケットで参照する事を表すコード」を紹介するのが筋に合っているように思いました。
kagi_shippo

2016/03/09 11:06

なるほど、指摘内容がやっとわかりました。 僕が回答に参加した動機は、 jQuery() の戻り値を [ ] で参照している点に気付いていないなら その1点に要点を絞った例も書いとこう って程度のことで、争うつもりはありません。 主題「配列名が関数?」の端的なの回答は、 「jQuery() は配列名ではない」 ですよね。 jQueryの構造について知りたいとは言っていないので、 こっちより、  関数の戻り値を [ ] で参照       ← 質問者が未知  戻り値であるオブジェクトも [ ] で参照 ← 質問者が未知 こっちかなと。  関数の戻り値を [ ] で参照       ← 質問者が未知  戻り値である配列は [ ] で参照     ← 質問者は既知 とくに自分の感覚が正しいという自信もないんですが、人の感じ方はいろいろですね。
think49

2016/03/09 11:46

指摘内容が伝わったようで安心しました。仰る通り、感じ方は人それぞれですね。
guest

0

jQuery()jQuery[[Prototype]] に持つ擬似配列を返します。
new jQuery() と内部動作は同じです。その点では Array()と性質が似通っているかもしれません。

JavaScript

1console.log(jQuery('p') instanceof jQuery); // true 2console.log(new jQuery('p') instanceof jQuery); // true

所詮は擬似配列なので Array.prototype 上のメソッドは生えていません。
DOM API であげるなら querySelectorAll() が似た性質を持ちますね。

JavaScript

1console.log(document.querySelectorAll('p')); // p要素の NodeList を返す

Re: aaaaaaaa さん

投稿2016/03/08 11:33

think49

総合スコア18156

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ご質問のステートメントは下記と同じ結果になります。

JavaScript

1var pArray = jQuery("<p>"); 2supportElem = pArray[0];

JavaScriptでは、ステートメント(関数、変数、リテラル、式、他)の評価結果を変数に受けることなく、連結式として表現することができるという、一例です。
例えば下記のように、文字列リテラルの評価結果を変数に受けることなく、文字列長を取得するlengthプロパティを直接連結することができます。

JavaScript

1console.log("hello".length); // 5 と出力される。

これはJavaScriptの仕様に関することであり、jQueryに限った話ではありません。

ご参考になれば。

投稿2016/03/08 12:16

tkanda

総合スコア2425

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

aaaaaaaa

2016/03/11 10:38

ご回答有難うございます。 「受ける」は、「代入する」という意味で合っていますか?
tkanda

2016/03/11 11:54

はいそうです。 解りにくくて失礼しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問