ホームページ  >  記事  >  ウェブフロントエンド  >  js基礎改善学習の基本データ型

js基礎改善学習の基本データ型

php中世界最好的语言
php中世界最好的语言オリジナル
2018-06-04 14:00:151633ブラウズ

今回はjsの基礎向上学習の基本的なデータ型についてお届けします。jsの基本的なデータ型を使用する際の注意点について、実践的な事例を紹介します。

JavaScriptのデータ型は大きく2つの型に分けられます:

1. 基本データ型:

文字列(String)

数値(Number):

ブール(Boolean): true、false

未定義: 未定義

null: 空

NaN: 数値ではありません (isNaN(10)、false を返し、数値かどうかを表し、数値を渡すとエラーが報告されます)

2. object/conforming data type ):

オブジェクトの継承

js のオブジェクトは、プロパティとメソッドのコレクションです。ここでは参照型について説明します。参照型は、データと関数を一緒に編成するために使用されるデータ構造です。参照型は、オブジェクトの型が持つプロパティとメソッドを記述するため、オブジェクト定義と呼ばれることもあります。


基本データ型:

最初のJSで変換を見つけましたが、具体的にはどのように変換するのでしょうか?順序とルールは何ですか? 説明:

変換の理由: Python と JavaScript は弱いデータ型言語であるため、変換されます

優先レベル: string >float >int >boolean

簡単な例:

1. 数値は文字列に変換されて出力されます。


2. 浮動小数点型は整数型よりも高くなります。出力は 12.3

3 です。isNaN メソッドは、それが数値ではないかどうかを判断するために使用されます。

はい、結果は False です

4. ブール値:


isTrue は変数名です



------------- ---------------- ---------------------------------- --------------基本データ型の補足分析--- -------------------------------------- ----------------------- ------


演算子の型

js の変数は緩やかに型付けされているため、それを検出する方法を提供します。現在の変数のデータ型 (typeof キーワード)。

type of   123   //Number
type of   'abc'  //String
type of    true       //Boolean
type of    undefined   //Undefined
type of    null        //Object
type of    { }           //Object
type of    [ ]           //Object
type of    console.log()       //Function

null 型 typeof 演算子の後の結果はオブジェクトになります。これは、null 型が空のオブジェクト参照として扱われるためです。

1.数値型

数値型には、整数と浮動小数点数の 2 つの値が含まれます (浮動小数点数には、小数点と小数点の後に少なくとも 1 桁の数字が含まれている必要があります)。

NaN: 非数値型。特徴: ① NaN を含むすべての演算は NaN を返します。 ② NaN はそれ自体と等しくありません。

isNaN() 関数は、引数が数値以外の値であるかどうかを確認するために使用されます。

isNaN(123)  //false   isNaN("hello")  //true

2.String型

Stringはlength属性を持ちます。

文字列変換: 変換関数 String()、任意のデータ型に適用可能 (null、未定義は null および未定義に変換されます);

toString() メソッド (null、定義済みには toString() メソッドはありません)。

3.ブール型

この型には true と false の 2 つの値のみがあります

4.未定義型

は値が 1 つだけあり、未定義値です。変数が var を使用して宣言されているが、変数が初期化されていない場合、変数の値は未定義です。

5.Null型

Null型はNullオブジェクトポインタとみなされます。前述したように、Null型はNullオブジェクト参照でもあります。

6. オブジェクトの型

js のオブジェクトはプロパティとメソッドのコレクションです。ここでは参照型について説明します。参照型は、データと関数を一緒に編成するために使用されるデータ構造です。参照型は、オブジェクトのクラスのプロパティとメソッドを記述するため、オブジェクト定義と呼ばれることもあります。

3 つの主要な参照型:

1. オブジェクト型

表示される型値のほとんどは、オブジェクト型のインスタンスです。オブジェクト インスタンスを作成するには 2 つの方法があります。

最初の方法は、以下に示すように、 new 演算子の後に Object

コンストラクター

を使用することです

var person = new Object();
person.name = "Micheal";
person.age = 24;

2 番目の方法は、以下に示すように、オブジェクト リテラル表記を使用することです

var person = {
  name : "Micheal",
  age : 24
};

配列の型

2.項目は、あらゆる種類のデータの保存に使用できます。つまり、配列の最初の位置を使用して文字列を保存し、2 番目の位置を使用して値を保存し、3 番目の位置を使用してオブジェクトを保存できます。さらに、配列のサイズを動的に調整できます。

配列を作成するには 2 つの基本的な方法があります

1 つ目は、以下に示すように、Array コンストラクターを使用することです

var colors = new Array("red","blue","yellow");

2 つ目は、以下に示すように、配列リテラル表記を使用することです

var colors = ["red","blue","yellow"];

3 関数型

Every各関数は Function 型のインスタンスであり、他の参照型と同じプロパティとメソッドを持ちます。関数は通常、以下に示すように、関数

宣言構文を使用して

定義されます

function sum(num1,num2){
  return num1 + num2;
};

。これは、

関数式

を使用して関数を定義する方法とあまり変わりません。

var sun = function (){
  return sum1 + sum2;
};

也就是说,js按照存储方式分为值类型和引用类型。那么他们的计算有什么区别呢?

题目1:

var a = 100;
    var b = a;
      a = 200;
    console.log (b);

题目2:

var a = {age : 20};
    var b = a;
    b.age = 21;
    console.log (a.age);

题目1的答案是 100,题目2的答案是21,

题目1是简单的值类型,在从一个变量向另一个变量赋值基本类型时,会在该变量上创建一个新值,然后再把该值复制到为新变量分配的位置上。

此时,a中保存的值为 100 ,当使用 a 来初始化 b 时,b 中保存的值也为100,但b中的100与a中的是完全独立的,该值只是a中的值的一个副本,此后,这两个变量可以参加任何操作而相互不受影响。也就是说基本类型在赋值操作后,两个变量是相互不受影响的。

题目2是引用类型,当从一个变量向另一个变量赋值引用类型的值时,同样也会将存储在变量中的对象的值复制一份放到为新变量分配的空间中。

这时保存在变量中的是对象在堆内存中的地址,所以,与简单赋值不同,这个值的副本实际上是一个指针,而这个指针指向存储在堆内存的一个对象。那么赋值操作后,

两个变量都保存了同一个对象地址,则这两个变量指向了同一个对象。因此,改变其中任何一个变量,都会相互影响。

因此,引用类型的赋值其实是对象保存在栈区地址指针的赋值,因此两个变量指向同一个对象,任何的操作都会相互影响。

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

怎样使用li进行水平排列

怎样操作页面、可视区、屏幕等宽高属性

以上がjs基礎改善学習の基本データ型の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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