ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript のデータ型について詳しく見る

JavaScript のデータ型について詳しく見る

青灯夜游
リリース: 2021-02-17 09:01:41
オリジナル
2055 人が閲覧しました

JavaScript のデータ型について詳しく見る

JavaScript のデータ型は、基本データ型と参照データ型の 2 種類に分類されます

1. 基本データ型には次のようなものがあります。

  • 数値 - - (数値)

  • 文字列 - - (文字列)

  • Boolean - - (ブール値)

  • 未定義 - - (未定義)

  • ##Null - - (空)

  • Symbol - - (Symbol)

2. 参照データ型には次のものが含まれます:


1)、Object - - (Object)

以下はすべてオブジェクトに属します:

2.Array - - (配列)
3.Function - - (関数)
4.Date - - (時刻)
5.RegExp - - (通常)
6...(その他多数)

基本データ型の値:

Number:

数値 (数値は小数点の有無に関係なく)、NaN、Infinity

文字列:

文字列引用符内には任意のテキストを入力できます。二重引用符と一重引用符の両方を使用できます。 ES6 テンプレート文字列 ``

(例:

var a = 'xxx';var a = "xxx";
ログイン後にコピー
) を使用することもできます。どちらもレピュテーション文字列です。

ブール値:

値は true または false の 2 つだけです。

ブール値は条件付きテストでよく使用されます。たとえば、1>2 が正しいかどうかを判断するには、正しい場合は true を返し、正しくない場合は false を返し、返された結果に基づいて 2 つの異なる操作を実行できます。

未定義:

未定義の値を取得します。

は、変数に値が含まれていないことを意味します。未定義の状態です。

Null:

は、変数の値が空であることを示し、変数の値を null に設定することで変数をクリアできます。

Symbol:

Symbol の詳細な紹介については、ES6 Ruan Yifeng シンボルの詳細な紹介を参照してください。

リファレンスの紹介データ型:

配列:

配列: データセットの保存

関数配列オブジェクトのは です: 一連の値を格納するには個別の変数名を使用します。

(動的配列: 要素数に基づいて長さを自動的に呼び出すことができます)

概念:

1)、要素: データ配列空間に保存されます

2)、長さ: 配列に保存される要素の数
3)、添字 (インデックス): 0 から始まり (長さ) で終わる配列内の要素の数。配列 - 1)

使用法:

a. 配列オブジェクトの作成:

var arr = [];//直接量
var arr = new Array();//创建数组对象。
var arr = [1,2,3];//直接量,在创建数组对象的同时初始化保存的数据。
var arr = new Array(1,2,3);在创建数组对象的同时初始化保存的数据。
var arr = new Array(size);//size为数字参数,表示创建数组时先预定size个空间。
ログイン後にコピー

b. 配列要素へのアクセス:

数组名[下标]
ログイン後にコピー

c 、配列要素の走査反復:

    通常のループ
  • for(let i = 0;i < array.length; i++) {
    	//array[i]}
    ログイン後にコピー
    for-in
  • for(let 变量名 in 数组名) {
    	//变量名中所保存的值是数组下标编号的字符串内容
    	//仍然使用“数组名[字符串下标]”来访问数组对应下标处的元素}
    ログイン後にコピー
    for-of( ES6)
  • for(let 变量名 of 数组名) {
    	//变量名中所保存的值是数组中当前便利到的元素值}
    ログイン後にコピー
    Array api
  • 配列 API の詳細については、配列の一般的なメソッドを参照してください

オブジェクト:

(OOP: すべてはオブジェクトです)

オブジェクトを作成するメソッドは次のとおりです:

1. 直接数量:


var stu = {
	name: &#39;李四&#39;,
	age: 18,
	eat: function(pig) {
		console.log(&#39;吃:&#39; + pig)
	}}
ログイン後にコピー

2. コンストラクターの作成


function Person() {
	this.name = &#39;jack&#39;;
	this.job = function() {
		alert(&#39;program&#39;);
	}}var person = new Person();
ログイン後にコピー

3. オブジェクト メソッドによる


var person = new Object();person.name = &#39;jack&#39;;person.sex = &#39;girl&#39;;
ログイン後にコピー

の作成 オブジェクトの属性呼び出し:

オブジェクト名.属性名

オブジェクト名.メソッド名([パラメータリスト])

##または:

オブジェクト名["属性名"]

オブジェクト名["メソッド名" ]();

関数:

#関数は、イベント駆動型または再利用可能なコードのブロックです。と呼ばれます。

本質: コードブロック。

定義:

1)、宣言関数

function 函数名(参数列表) {
	//函数主体:可被重复使用的代码块}
ログイン後にコピー

2)、関数式

var 变量名 = function(参数列表) {
	//函数主体:可被重复使用的代码块}
ログイン後にコピー

3)、理解: 新しいFunction() //これは基本的には不要です。上の 2 つはこれの省略形です。

呼び出し:

a. 直接呼び出し

函数名()
ログイン後にコピー

b. イベント駆動型

document.getElementById(‘xx’).onclick = 函数名;
ログイン後にコピー

パラメーター (次の入力と同等) a function ):

仮パラメータ (仮パラメータ): 関数定義時のパラメータ
  • 実パラメータ (実パラメータ): 関数定義時のパラメータ関数は呼び出されます。
  • #戻り値 (関数の出力に相当):

    return 表达式;
    ログイン後にコピー
    関数の戻り値は、関数呼び出し場所に返されます

    基本データ型 参照データ型との違い:

    #基本データ型の値はスタックに格納されます。

    参照データ型の値はヒープに格納されます。

    プログラミング関連の知識について詳しくは、

    プログラミング教育

    をご覧ください。 !

    以上がJavaScript のデータ型について詳しく見るの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート