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

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

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

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

jQuery

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

Q&A

2回答

681閲覧

JavaScriptで三項演算子が使えない理由

kanimiso

総合スコア5

JavaScript

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

jQuery

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

0グッド

0クリップ

投稿2020/02/14 15:51

以下で三項演算子をsrrに代入しない場合、undefinedとなるのはなぜですか?
面倒なので代入したくないのですが、いい方法ありますでしょうか?

js

1var words = {fruits:{apple:'A', banana:'B'}}; 2var ttl = 'xxx'; 3 4// strに代入する場合 5var str = words['fruits'][ttl] ? words['fruits'][ttl] : 'error'; 6var h2 = '<h2>' + str + '</h2>'; 7console.log( h2 ); 8 9// 代入しない場合 10var h2 = '<h2>' + words['fruits'][ttl] ? words['fruits'][ttl] : 'error' + '</h2>'; 11console.log( h2 );

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

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

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

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

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

guest

回答2

0

演算子の順序の問題では?

js

1var h2 = '<h2>' + ( words['fruits'][ttl] ? words['fruits'][ttl] : 'error' ) + '</h2>'; 2console.log( h2 );

【演算子の優先順位 - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

投稿2020/02/14 15:55

kei344

総合スコア69364

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

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

0

以下で三項演算子をstrに代入しない場合、undefinedとなるのはなぜですか?

words['fruits'][ttl] の ttlに代入された xxx プロパティが無い / 値が未定義だからです。

ご自身のコードで宣言されている words の オブジェクトリテラルの意味を確認してください。

javascript

1 words = { 2 fruits: { 3 apple: "A", 4 banana: "B" 5 // ttl = "xxx" : anyValue <== 6 } 7 }

面倒なので代入したくないのですが、いい方法ありますでしょうか?

javascript

1var h2 = '<h2>' + (words['fruits'][ttl] || 'error') + '</h2>';

※本回答は、ご質問のタイトル「三項子演算」から外れますので、回答としては間違っています。
追記)この例も Kei344 さんの回答と同じく 演算子の順序 が確認のポイントになります。

投稿2020/02/14 21:27

編集2020/02/14 21:37
AkitoshiManabe

総合スコア5432

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

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

AkitoshiManabe

2020/02/14 21:29

上記のような説明を求めているうちは、愚直に書いて覚えたほうが良いと思いますね。 理解していないのに「面倒なので」という感想を漏らしているのは「無責任」と受け取られかねません。
m.ts10806

2020/02/14 22:31

>面倒なので 「効率的に」とか「読みやすく」といった前向きな表現ならまだ受け入れやすいのですけどね…。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問