JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptの「値」とは何か?初心者向けに基本概念をわかりやすく解説

この記事では、JavaScriptにおいて何が「値(value)」として扱われるのかを、初心者にもわかりやすく解説します。

JavaScriptにおける「値」という概念

JavaScriptにおける値(value)とは、非常に抽象的で幅広い概念です。なぜなら、多くのものが値として扱われ、さらに値にはさまざまな型(type)が存在するからです。

例えば、以下のようなものがすべて値に該当します。

  • 数値(number)
  • 文字列(string)
  • 関数(function)
  • オブジェクト(object)
  • 真偽値(boolean)
  • null
  • undefined

typeofを使って値の型を確認しよう

ある値がどの型に属しているのか分からなくなったときは、その値の前にtypeofを付けるだけで簡単に確認できます。以下のコード例を、ぜひご自身のブラウザのコンソールで試してみてください。

console.log(typeof "Hi there!")
// 出力: "string"

console.log(typeof 7)
// 出力: "number"

console.log(typeof function toggleNav() {})
// 出力: "function"

console.log(typeof {})
// 出力: "object"

console.log(typeof true)
// 出力: "boolean"

console.log(typeof dog)
// 出力: "undefined"

まとめ:まずはよく使う値から覚えよう

ここで紹介した値は、JavaScriptを学び始めたばかりの時期に実際のコードで最もよく目にする基本的なものばかりです。値やその型については、実はさらに深い話題がたくさんありますが、この記事ではあえてシンプルに、入門者向けの内容にとどめています。

筆者は、一度に大量の専門用語を詰め込むよりも、技術用語のボキャブラリーを少しずつ着実に増やしていく方が、長期的には効果的な学習方法だと確信しています。焦らず一つずつ理解を深めていきましょう。

  1. JavaScriptでhref属性の値を取得する方法|jQueryのattr()メソッド活用ガイド

    Web開発では、アンカータグ(<a>)に設定されたリンク先URL、つまりhref属性の値を取得したい場面がよくあります。この記事では、jQueryのattr()メソッドを使って、簡単にhrefの値を取得する方法を解説します。対象となるHTMLの例たとえば、以下のようなアンカータグがあったとします。<a class=demo title=get the url href=./mainPage.jsp/1245>href value at console</a>ここで必要なのは、テキスト部分ではなく、URLそのもの、すなわちhref属性の値「./mainPage

  2. JavaScriptで「関数式は常に定数値」とは?const再代入時のエラー原因と対処法

    JavaScriptでは、constキーワードを使って宣言された変数は定数として扱われます。一度値を代入した後、同じ変数に別の値を再代入しようとすると、プログラムの実行時にエラーが発生します。これは関数式(アロー関数など)をconstに代入した場合も同様です。 例えば、以下のようにアロー関数をconstで宣言したとします。 const result = (first, second) => first * second; この状態で、resultに対して別の関数を再代入してみると、エラーが発生することを確認できます。 コード例 以下のコードを見てみましょう。 const re