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

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

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

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

Q&A

解決済

3回答

595閲覧

定義していない変数のチェック方法。

tkshp

総合スコア174

JavaScript

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

0グッド

2クリップ

投稿2019/01/21 08:48

前提・実現したいこと

「もしもその変数が定義されていたら && その変数に「test」という文字列を含んでいたら」というif文チェックをしたいのですが、
どのように書けばよいでしょうか?
ご教示お願い致します。

試したこと

あえて定義していない変数sのif文チェックを書きましたが、エラーになってしまいました。

JavaScript

1if(typeof s != undefined && s.indexOf("test") != -1){ 2 console.log("テスト"); 3}

エラーメッセージ。

Uncaught ReferenceError: s is not defined

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

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

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

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

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

guest

回答3

0

ベストアンサー

typeof s != undefined

typeofの戻り値は文字列

typeof s != "undefined"

投稿2019/01/21 08:51

yambejp

総合スコア114829

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

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

tkshp

2019/01/21 08:54

ご回答ありがとうございます。 なるほど、typeofの戻り値は文字列だったのですね。 ご提示の typeof s != "undefined" で、できました。 ありがとうございました。
退会済みユーザー

退会済みユーザー

2019/01/21 09:04

つか if (typeof s == "string" && && s.indexOf("test") != -1){ じゃろ そんな関数定義してないエラーが出る
yambejp

2019/01/21 09:06

ただsがなんだかわからない前提だと、sの型もいろいろチェックした方が 良さそうですね 数値、配列、オブジェクト、null、boolなどいくつか想定スべき型があります
yambejp

2019/01/21 09:09

asahina1979さん 意地悪な言い方をすれば s=[1,2,"test"] だったとき、結果が違ってきますね 結局まぁどこまで想定するか次第です
退会済みユーザー

退会済みユーザー

2019/01/21 09:13

ああ array でも 実装されてるのか だったらこうだなw typeof s != "undefined" && typeof s.indexOf == "function" && s.indexOf("test")
tkshp

2019/01/21 09:23

ご回答ありがとうございます。 なるほど、次のindexOf関数を使うために厳密なチェックが必要なのですね。 勉強になりました。 ありがとうございました。
guest

0

ぶっちゃけJavaScriptのLintツールであるeslint等を導入すれば
変数が定義されているか否かなんて一目で分かるのでこんな事書く必要は1ミリもありません。
未定義の変数を使おうとした時点で該当の行にマークが点いたり光って教えてくれます。

その上であえて調査しなければならないのであれば、
恐らくそれはJavaScriptの古いコードのメンテナンスでしょう。

例えばjQueryのライブラリを導入すると、
JavaScriptは外部ファイルを読み込んで連携するという機能がありませんので、
グローバル変数領域にjQuery$等の変数名を定義して解決しようとします。
(最新ブラウザに限り<script type="module">を併用したESModules機能を使えば近い事は可能になりました。)

JavaScriptで変数の存在をチェックする。それがundefinedかどうか。グローバルに宣言されているか。

thisは作ったスコープに紐付けられたプロパティが無ければ上に遡ります。
そして最終的にはグローバル変数領域に通じていますので、ブログ記事のコードでグローバル変数領域で定義されているか否かを判別することが可能です。
適当な関数内からthisに向かって問い合わせてみましょう。

ちなみにデベロッパーツール上のコンソールはthisが定義済みなので、
下記のようなコードを打ち込んで直接確認が可能です。

JavaaScript

1> 'a' in this 2false 3 4> 'window' in this 5true

投稿2019/01/21 09:01

miyabi-sun

総合スコア21158

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

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

yambejp

2019/01/21 09:17

わたしも変数定義のチェックは無用だとは思いますが もし仮に eval("var s='test'"); 的な無茶苦茶なことをやっていればsの型チェックは必要かも。 もちろんこんなことをやるほうがおかしいのですが、やるかどうかは サービス提供者の考えることなので、なんらかのトラップかも しれないし、型をチェックする方法だけはきちんと抑えておく 必要があると思います。
tkshp

2019/01/21 09:22

ご回答ありがとうございます。 デベロッパーツール上のコンソールで試してみました。 勉強になりました。 ありがとうございました。
guest

0

sを空定義しておけばどうでしょうか?

投稿2019/01/21 08:55

akihiro3

総合スコア955

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

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

tkshp

2019/01/21 08:59

ご回答ありがとうございます。 勉強になりました。
akihiro3

2019/01/21 09:00

既に回答あって、解決済みでしたね。 失礼しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問