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 データベースのバックアップ プロセスに関する注意事項

推薦する

Vue ブラウザログアウトの実装例

目次1. beforeunload イベント2. アンロードイベント3. ソースコードプロジェクトの...

Web データ ストレージ: Cookie、UserData、SessionStorage、WebSqlDatabase

クッキーこれはクライアント ブラウザの状態を保存するための標準的な方法です。Cookie はブラウザ...

JS を使って 1 分で github+Jekyll ブログに訪問カウント機能を追加する実装

目次1分でgithub+Jekyllブログにトラフィック機能を追加する1. ジェクルとは何か1. J...

MySQLフィルタリングレプリケーションのアイデアの詳細な説明

目次mysql フィルター レプリケーションメインデータベースに実装ライブラリから実装いくつかの質問...

MySQL を使用した分散ロックの実装

導入分散システムでは、分散ロックは最も基本的なツール クラスです。たとえば、支払い機能を備えた 2 ...

MySQLデータのグループ化の詳細な説明

グループを作成グループ化は、SELECT ステートメントの GROUP BY 句で設定されます。例:...

Dockerfile を使用して Java ランタイム環境のミラーを作成する方法

現在の環境は次のとおりです。セントロス7.5 docker-ce 18.06.1-ce 1. まずc...

Mysqlはフィールドスプライシングのための3つの関数を実装している

データをオペレーションにエクスポートする場合、フィールドの結合は避けられません。MySQL でこれが...

HTML テキストフォーマットの簡単な例 (詳細な説明)

1. テキストの書式設定: この例では、HTML ファイル内のテキストを書式設定する方法を示します...

Ubuntu 18.04 に mysql5.7.23 をインストールするチュートリアル

この記事では、Ubuntu18.04にmysql5.7.23をインストールする具体的な方法を参考まで...

Windows Server 2019 のインストール (グラフィカル チュートリアル)

Windows Server 2019 は、Microsoft が公式にリリースした最新のサーバー...

MySQL 5.7.18 のインストール中に MySQL サービスの起動に失敗する問題の解決策

MySQL は非常に強力なリレーショナル データベースです。しかし、初心者の中には、インストールや設...

React を使って小さなプログラムを書くための Remax フレームワークのコンパイル プロセス分析 (推奨)

Remax は、実行時に構文制限のないソリューションを採用した React を使用して小規模なプロ...

Vueは小さな検索機能を実装する

この記事の例では、検索機能を実装するためのVueの具体的なコードを参考までに共有しています。具体的な...

Node.js で MySQL データベースにバッチデータを挿入する方法

プロジェクト(nodejs)では、一度に複数のデータをデータベースに挿入する必要があります。データベ...