検索

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

Jun 04, 2018 pm 02:00 PM
javascript基本データ

今回は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 までご連絡ください。
JavaScriptの起源:その実装言語の調査JavaScriptの起源:その実装言語の調査Apr 29, 2025 am 12:51 AM

JavaScriptは1995年に発信され、Brandon Ikeによって作成され、言語をCに実現しました。 2。JavaScriptのメモリ管理とパフォーマンスの最適化は、C言語に依存しています。 3. C言語のクロスプラットフォーム機能は、さまざまなオペレーティングシステムでJavaScriptを効率的に実行するのに役立ちます。

舞台裏:JavaScriptをパワーする言語は何ですか?舞台裏:JavaScriptをパワーする言語は何ですか?Apr 28, 2025 am 12:01 AM

JavaScriptはブラウザとnode.js環境で実行され、JavaScriptエンジンに依存してコードを解析および実行します。 1)解析段階で抽象的構文ツリー(AST)を生成します。 2)ASTをコンパイル段階のバイトコードまたはマシンコードに変換します。 3)実行段階でコンパイルされたコードを実行します。

PythonとJavaScriptの未来:傾向と予測PythonとJavaScriptの未来:傾向と予測Apr 27, 2025 am 12:21 AM

PythonとJavaScriptの将来の傾向には、1。Pythonが科学コンピューティングの分野での位置を統合し、AI、2。JavaScriptはWebテクノロジーの開発を促進します。どちらもそれぞれのフィールドでアプリケーションシナリオを拡大し続け、パフォーマンスをより多くのブレークスルーを行います。

Python vs. JavaScript:開発環境とツールPython vs. JavaScript:開発環境とツールApr 26, 2025 am 12:09 AM

開発環境におけるPythonとJavaScriptの両方の選択が重要です。 1)Pythonの開発環境には、Pycharm、Jupyternotebook、Anacondaが含まれます。これらは、データサイエンスと迅速なプロトタイピングに適しています。 2)JavaScriptの開発環境には、フロントエンドおよびバックエンド開発に適したnode.js、vscode、およびwebpackが含まれます。プロジェクトのニーズに応じて適切なツールを選択すると、開発効率とプロジェクトの成功率が向上する可能性があります。

JavaScriptはCで書かれていますか?証拠を調べるJavaScriptはCで書かれていますか?証拠を調べるApr 25, 2025 am 12:15 AM

はい、JavaScriptのエンジンコアはCで記述されています。1)C言語は、JavaScriptエンジンの開発に適した効率的なパフォーマンスと基礎となる制御を提供します。 2)V8エンジンを例にとると、そのコアはCで記述され、Cの効率とオブジェクト指向の特性を組み合わせて書かれています。3)JavaScriptエンジンの作業原理には、解析、コンパイル、実行が含まれ、C言語はこれらのプロセスで重要な役割を果たします。

JavaScriptの役割:WebをインタラクティブでダイナミックにするJavaScriptの役割:WebをインタラクティブでダイナミックにするApr 24, 2025 am 12:12 AM

JavaScriptは、Webページのインタラクティブ性とダイナミズムを向上させるため、現代のWebサイトの中心にあります。 1)ページを更新せずにコンテンツを変更できます。2)Domapiを介してWebページを操作する、3)アニメーションやドラッグアンドドロップなどの複雑なインタラクティブ効果、4)ユーザーエクスペリエンスを改善するためのパフォーマンスとベストプラクティスを最適化します。

CおよびJavaScript:接続が説明しましたCおよびJavaScript:接続が説明しましたApr 23, 2025 am 12:07 AM

CおよびJavaScriptは、WebAssemblyを介して相互運用性を実現します。 1)CコードはWebAssemblyモジュールにコンパイルされ、JavaScript環境に導入され、コンピューティングパワーが強化されます。 2)ゲーム開発では、Cは物理エンジンとグラフィックスレンダリングを処理し、JavaScriptはゲームロジックとユーザーインターフェイスを担当します。

Webサイトからアプリまで:JavaScriptの多様なアプリケーションWebサイトからアプリまで:JavaScriptの多様なアプリケーションApr 22, 2025 am 12:02 AM

JavaScriptは、Webサイト、モバイルアプリケーション、デスクトップアプリケーション、サーバー側のプログラミングで広く使用されています。 1)Webサイト開発では、JavaScriptはHTMLおよびCSSと一緒にDOMを運用して、JQueryやReactなどのフレームワークをサポートします。 2)ReactNativeおよびIonicを通じて、JavaScriptはクロスプラットフォームモバイルアプリケーションを開発するために使用されます。 3)電子フレームワークにより、JavaScriptはデスクトップアプリケーションを構築できます。 4)node.jsを使用すると、JavaScriptがサーバー側で実行され、高い並行リクエストをサポートします。

See all articles

ホット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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

SublimeText3 中国語版

SublimeText3 中国語版

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

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール