コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ ウェブフロントエンド jsチュートリアル JavaScriptの厳選変数基礎（超詳しく学びシェア！）

JavaScriptの厳選変数基礎（超詳しく学びシェア！）

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Oct 12, 2021 pm 05:24 PM
javascript 変数

この記事では JavaScript 変数の基本について説明します。まず、変数の基本的な概念とスカラーのデータ型について説明します。皆さんのお役に立てれば幸いです。一緒に働きましょう!

JavaScriptの厳選変数基礎（超詳しく学びシェア！）

  1. #変数

##1.1 変数の概念:

変数は、プログラム内の名前付きストレージ ユニットを指します。その主な機能は、データ操作のための情報を格納するためのコンテナを提供することです。変数は、データを保持するコンテナーと考え​​ることができます。

1.2 変数の宣言と代入

JavaScript では変数を使用する前に宣言する必要があり、変数の宣言にはシステム キーワード var を使用します。変数を宣言するときは、代入番号 "

=" を使用して変数に値を割り当てることもできます。構文形式は次のとおりです: 

var 变量名 = 变量值
ログイン後にコピー

例: 

var  name ;  //声明一个变量
var name,city,like ; //声明多个变量，多个变量之间用英文状态下的逗号分开
var name = "阿泽"; //声明一个变量并且赋值
ログイン後にコピー

1.3 変数の命名規則

  • 変数は数字で始めることはできません。文字またはアンダースコアで始めることはできます。


  • #JavaScript 変数名では大文字と小文字が区別されます。

  • JavaScript ではキーワードを変数名として使用できません。

#2. 変数のデータ型

変数の型の鍵は値の型にあります。

2.1 数値型

数値型変数は、整数型、浮動小数点型、NaN


などの数学的演算に使用できます。例: 

var a = 10;
var y = 0.1;
var x = 100;
ログイン後にコピー

さらに特別なものは、NaN (非数値) は数値ではありません。他のデータ型を数値型に変換する場合、変換は実行できませんが、プログラムはエラーを報告できず、この場合は NaN 値が返されます。次の状況: 

<html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           var length = "500m";
           length = length*5;
           document.write(length);
        </script>
    </head>
    <body>
    </body>
</html>
ログイン後にコピー

今度は、何かの長さを元の長さの 5 倍にしたいとします。文字列は意味のある値に変換できず、NaN にのみ変換できます

数値の文字列は、意味のある値に変換できません。長さを意味のある数値に変換し、純粋な数値の文字列に変更して表示結果を出力することができます。

2.2 文字の種類

一重引用符または二重引用符で囲まれた文字列。


一重引用符と二重引用符は相互にネストできることに注意してください。一重引用符の中にネストできるのは二重引用符のみ、二重引用符の中にネストできるのは一重引用符だけです。 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
    var name = "阿泽";
            var str = "我的名字是&#39;" +name+"&#39;"
            document.write(str)
    </script>
   </head>
<body>
    </body>
</html>
ログイン後にコピー

プラス記号は文字列コネクタです。二重引用符の中に二重引用符を入れ子にしたい場合は、内側の二重引用符をエスケープする必要があります (\")。JS のエスケープ文字は

バックスラッシュ (\ ) .

で一般的に使用されるエスケープ文字は次のとおりです:

\'、\"、\\ 、\r 、\n など。 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
    var name = "阿泽";
            var str =  "我的名字叫做\"" +name+"\""
            document.write(str)
    </script>
   </head>
<body>
    </body>
</html
ログイン後にコピー

2.3 ブール型

ブール型は論理型とも呼ばれます。値は true (真)、偽 (偽) の 2 つだけです。つまり、照明スイッチ、性別などの 2 つの状態です。 

var a = true;
var b = false
ログイン後にコピー

ブール型は、if 条件判定ステートメントでよく使用されます。例: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
     var a = 10;
           var b = 110;
           if(x>y){
               document.write(a+"比"+b+"大");
           }else{
               document.write(b+"比"+a+"大");
           }
    </script>
   </head>
<body>
    </body>
</html>
ログイン後にコピー

2.4 未定義型

未定義型は A

unknown のみです。

変数が定義されていて値が割り当てられていない場合は、未定義として返されます。オブジェクトの属性が存在しない場合も、未定義として返されます。

例: 未定義の割り当て


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
      var x;
           document.write(x);
    </script>
   </head>
<body>
    </body>
</html>
ログイン後にコピー

2.5 空の型

空の型には値が 1 つだけあります:

null。

オブジェクトが存在しない場合は null 型が返されますが、変数の値をクリアしたい場合は null 値を代入できます。 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
      var x = null;
     var a = 100;
     var a = null ;
     document.write(x);
     document.write(a);
    </script>
   </head>
<body>
    </body>
</html>
ログイン後にコピー

[推奨学習:

JavaScript 上級チュートリアル]

以上がJavaScriptの厳選変数基礎（超詳しく学びシェア！）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

もっと見る

人気の記事

アサシンのクリードシャドウズ：シーシェルリドルソリューション
3週間前 By DDD
Windows11 KB5054979の新しいものと更新の問題を修正する方法
2週間前 By DDD
Atomfallのクレーンコントロールキーカードを見つける場所
3週間前 By DDD
<🎜>：Dead Rails-すべての課題を完了する方法
4週間前 By DDD
Atomfall Guide：アイテムの場所、クエストガイド、およびヒント
4週間前 By DDD
もっと見る

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？
7662
15
CakePHP チュートリアル
1393
52
C# チュートリアル
1205
24
Steamのアカウント名の形式は何ですか
91
11
Win11 Activation Key Permanent
73
19
もっと見る
Related knowledge
WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript：リアルタイム監視システムを実現するためのキーテクノロジー はじめに： インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

Javaのインスタンス変数とは何ですか Javaのインスタンス変数とは何ですか Feb 19, 2024 pm 07:55 PM

Java のインスタンス変数は、メソッドやコンストラクターではなく、クラスで定義された変数を指します。インスタンス変数はメンバー変数とも呼ばれ、クラスの各インスタンスにはインスタンス変数の独自のコピーがあります。インスタンス変数はオブジェクトの作成時に初期化され、その状態はオブジェクトの存続期間全体にわたって保存および維持されます。インスタンス変数定義は通常、クラスの先頭に配置され、パブリック、プライベート、プロテクト、またはデフォルトのアクセス修飾子など、任意のアクセス修飾子を使用して宣言できます。それは私たちがこれをどうしたいかによって決まります

Python 構文のマインド マップ: コード構造の深い理解 Python 構文のマインド マップ: コード構造の深い理解 Feb 21, 2024 am 09:00 AM

Pythonはそのシンプルで読みやすい構文から幅広い分野で広く使われています。プログラミングの効率を向上させ、コードがどのように機能するかを深く理解するためには、Python 構文の基本構造をマスターすることが重要です。この目的を達成するために、この記事では、Python 構文のさまざまな側面を詳しく説明した包括的なマインド マップを提供します。変数とデータ型 変数は、Python でデータを保存するために使用されるコンテナです。マインド マップには、整数、浮動小数点数、文字列、ブール値、リストなどの一般的な Python データ型が表示されます。各データ型には独自の特性と操作方法があります。演算子 演算子は、データ型に対してさまざまな操作を実行するために使用されます。マインド マップは、算術演算子、比率など、Python のさまざまな演算子の種類をカバーしています。

Ajaxを使用してPHPメソッドから変数を取得するにはどうすればよいですか? Ajaxを使用してPHPメソッドから変数を取得するにはどうすればよいですか? Mar 09, 2024 pm 05:36 PM

Ajax を使用して PHP メソッドから変数を取得することは、Web 開発では一般的なシナリオであり、Ajax を使用すると、データを更新せずにページを動的に取得できます。この記事では、Ajax を使用して PHP メソッドから変数を取得する方法と、具体的なコード例を紹介します。まず、Ajax リクエストを処理し、必要な変数を返すための PHP ファイルを作成する必要があります。以下は、単純な PHP ファイル getData.php のサンプル コードです。

C言語のconstを深く理解する C言語のconstを深く理解する Feb 18, 2024 pm 12:56 PM

C の const の詳細な説明とコード例 C 言語では、const キーワードを使用して定数を定義します。これは、プログラムの実行中に変数の値を変更できないことを意味します。 const キーワードは、変数、関数パラメータ、関数の戻り値を変更するために使用できます。この記事では、C 言語での const キーワードの使用法を詳細に分析し、具体的なコード例を示します。 const 変更された変数 const を使用して変数を変更する場合、その変数は読み取り専用変数であり、値が割り当てられると変更できないことを意味します。例: 定数

See all articles