JavaScriptの基本構文とデータ型の詳細な説明

JavaScriptの基本構文とデータ型の詳細な説明

JavaScript のインポート

1. 内部ラベル

<スクリプト>
	アラート("こんにちは世界");
</スクリプト>

2. 外部紹介

<script src="js/abc.js"></script>

基本的な構文

変数の定義

<スクリプト>
    var 数値 = 1;
    アラート(数値);
</スクリプト>

コンディションコントロール

(2>1)の場合
{
    警告("true");
}
<スクリプト>
    var スコア = 65;
    // アラート(数値);
    (スコア>60&&スコア<70)の場合
    {
        警告("60-70")
    }
    そうでない場合 (スコア>70&&スコア<80)
    {
        警戒(70-80)
    }
    それ以外
    {
        アラート("その他")
    }
</スクリプト>

console.log("hello world");ブラウザコンソールに出力

データ型

番号

jsは整数と小数を区別しません

123 //整数123
123.1 //浮動小数点数 123.1
1.122e3 //科学的記数法 NaN //数値ではない
インフィニティ //インフィニティ

「あ」「abc」

通常、文字列を囲むには一重引用符または二重引用符を使用します。エスケープ記号\に注意してください。

\'
\n //改行\t //スペース\u4e2d //Unicode エンコード\x41 //ASCII

複数行の文字列を書くにはバッククォートを使用します

var str = `ははは
        ニーハオ
        666`

テンプレート文字列

名前を 'xay' にします。
let words = `こんにちは、${name}`;

文字列の長さ

単語の長さ

文字列の特性は不変である

画像の説明を追加してください

大文字と小文字の変換

単語を大文字に変換します()
単語を小文字に変換します()

substring() は文字列インターセプション関数です

substring(1) // 最初の文字列から最後の文字列まで抽出 substring(1,3) //[1,3)

ブール

真偽

論理演算

&& //および| //または! //ではない

比較演算子

=
== // 異なる型、同じ値は true === // 完全に等しい、型と値の両方が同じである必要があります

NaN===NaNはfalseを返し、isNaN(NaN)によってのみ判断できます。

配列

<スクリプト>
    var arr = [1,2,3,4,5,'こんにちは']
</スクリプト>

画像の説明を追加してください

配列のインデックスを取得する際に境界を越えると、undefinedが出力されます。

arr.length に値を割り当てると、配列の長さも変更されます。割り当てられた値が小さすぎると、配列内の要素が失われます。

indexOf要素の添え字インデックスを取得できる

画像の説明を追加してください

slice()配列の一部をインターセプトすることができ、これは文字列内の部分文字列と同等である。

画像の説明を追加してください

push() pop()それぞれ要素を末尾にプッシュおよびポップします。

画像の説明を追加してください

unshift() shift()それぞれ要素を先頭にプッシュおよびポップします。

画像の説明を追加してください

sort()はASCIIでソートします

reverse()

concat()配列を連結する

join()指定されたシンボルを使用して配列を連結します

画像の説明を追加してください

物体

js では、{…} はオブジェクトを表します。キーと値のペアは、属性 xxxxx:xxxxx を表します。複数の属性はカンマで区切られ、最後の属性にはカンマが付きません。

var 人 = {
    名前: 'xay',
    年齢: 18歳
    タグ: ['js','java','python']
}

オブジェクトの割り当て

画像の説明を追加してください

属性を動的に削除する delete person.name

画像の説明を追加してください

オブジェクトのプロパティを追加するには、値を直接割り当てるだけです

画像の説明を追加してください

属性がオブジェクト内にあるかどうかを判定する

画像の説明を追加してください

プロセス制御

判決が

(2>1)の場合
{
    警告("true");
}
<スクリプト>
    var スコア = 65;
    // アラート(数値);
    (スコア>60&&スコア<70)の場合
    {
        警告("60-70")
    }
    そうでない場合 (スコア>70&&スコア<80)
    {
        警戒(70-80)
    }
    それ以外
    {
        アラート("その他")
    }
</スクリプト>

whileループ

年齢=0;
(年齢<100)
{
    年齢+=1;
    コンソールにログ出力します。
}

forループ

(i = 0; i < 5; i++ とします) {
    コンソールにログ出力します。
}

forループは配列を反復処理します

var arr = [1,2,3,4,5,6,7,8,9,10];
(arr内の変数番号)
{
    コンソール.log(数値)
}

マップとセット

地図

var map = new Map([['tom',100],['jack',90],['haha',80]]);
var name=map.get('tom'); //キーを通じて値を取得する
console.log(名前)

Pythonの辞書と同様に、set()はマップにデータを追加します。

マップを設定します('admin',10);
map.delete('tom') //マップ内の削除

画像の説明を追加してください

セット

セットは重複を削除できます

var set = new Set([3,1,1,1,1]);

画像の説明を追加してください

set.add(2) //追加 set.delete(1) //削除 console.log(set.has(3)); //3つありますか?

反復子

マップの反復処理

var map = new Map([['tom',100],['jack',90],['haha',80]]);
(x をマップとする)
{
    コンソールログ(x);
}

セットの反復処理

var set = new Set([3,1,1,1,1]);
(xを集合とする)
{
    コンソールログ(x);
}

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • JavaScript の基本構文とデータ型の紹介
  • JavaScript 学習ノート_基本的な構文、型、変数についての簡単な説明
  • JavaScript 基本構文 js 式
  • 基本的なJavaScriptの文法を学ぶ際の注意点
  • JavaScript構文の基礎を学びましょう

<<:  アイデアを使用して Springboot 初期化サーバーを構築する際の問題分析

>>:  MySQL データベースのバックアップ プロセスに関する注意事項

推薦する

Element-ui NavMenuサブメニューを使用して再帰的に生成する場合のエラーの詳細な説明

ナビゲーションバーのサブメニューを再帰的に生成すると、メニューは正常に生成できるが、マウスをホバーす...

WeChatアプレットでvantフレームワークを使用するための具体的な手順

目次1. アプレットのプロジェクト ディレクトリを開き、ファイルの場所を開きます。 2. プロジェク...

純粋な CSS3 でモバイルの拡大と縮小の効果を実装するためのサンプル コード

この記事では、純粋な CSS3 を使用してモバイル端末での展開と折りたたみの効果を実装するサンプルコ...

Dockerコンテナのデータボリュームの詳細な説明

何ですかまず、Docker の概念を見てみましょう。アプリケーションと実行環境をコンテナにパッケージ...

ウェブページのカスタム選択ボックス選択

選択ドロップダウン リスト フォームは誰もがよく知っているかもしれませんが、デフォルトのドロップダウ...

docker compose を使用してハーバープライベートウェアハウスをインストールする詳細なチュートリアル

概要港とは何ですか?英語の単語の意味は「港」です。 Harborはコンテナ(貨物)を保管するために使...

ウェブサイトの画像にグレー効果を加える3つの方法

私はグレースケールの画像の方が芸術的に見えると思うので、いつもグレースケールの画像を好んで使っていま...

Vue 仮想 Dom から実際の Dom への変換

別のツリー構造があるJavascriptオブジェクトでは、このツリーが本物であると伝えるだけでよいD...

Nginx に React プロジェクトをデプロイする方法の例

テストプロジェクト: react-demo react-demo プロジェクトをサーバーにクローンし...

VMware Workstation のダウンロードとインストールの詳細なチュートリアル

仮想マシンは非常に便利なテストソフトウェアです。ハードウェアに損傷を与えることなく、さまざまなテスト...

IDEA が Docker を統合してリモート展開を実現するための手順

1. Dockerサーバーへのリモートアクセスを有効にするdocker が配置されているリモート サ...

MySQL の sql_mode モード例の詳細な説明

この記事では、MySQL の sql_mode モードについて例を挙げて説明します。ご参考までに、詳...

Centos8 で Docker を使用して Django プロジェクトをデプロイする詳細なチュートリアル

導入この記事では、django + uwsgi + nginx デプロイメントを使用して、Docke...

Linux システムに docker をインストールし、ssh 経由で docker コンテナにログインする方法

注: 私はCentosを使ってdockerをインストールしていますステップ1: Dockerをインス...