jsチュートリアル

JavaScript の基本データ型と値型参照型の概要

怪我咯

Apr 07, 2017 am 10:15 AM

この記事では主に JavaScript の基本的なデータ型、および値型と参照型の違いと使い方について説明します

1. 基本的なデータ型

JavaScript で変数を宣言するために使用されるキーワードはすべて var、これは他のプログラミング言語とは異なりますが、JavaScript にも 5 つの基本的なデータ型 (単純なデータ型とも言えます) が含まれています。これらは、未定義、Null、ブール、数値、文字列です。また、複雑なデータ型であるオブジェクトも含まれています。

(1)、「未定義」 - 宣言されていない、または変数の値が未定義または初期化されていない場合

(2)、「boolean」 - この変数の値が
型の場合。 (3)、「string」 - 値は文字列型です。
(4)、「number」 - 値は数値型です。
(5)、「object」 - オブジェクトまたは値は null です。 JavaScript は型指定が緩く、変数を宣言するときに型に対応するキーワードを使用しないため、この単語を指定する必要があります。コード内の変数の基本的なデータ量を知りたい場合は、typeof を使用できます。ここで注意すべき点は、typeof は文字列型を返すということです。

(5)、「関数」 - 関数。

インスタンスの検証:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function test1(){
var testMessage;
alert(typeof testMessage);
}
function test2(){
var testMessage = null;
alert(typeof testMessage);
}
function test3(){
var testMessage = "hello";
alert(typeof testMessage)
}
function test4(){
var testMessage = 12;
alert(typeof testMessage)
}
function test5(){
var testMessage = true;
alert(typeof testMessage)
}
function test6(){
var testMessage = [];
alert(typeof testMessage)
}
function test7(){
var testMessage = [];
alert(typeof testMessage)
}
function test8(){
var testMessage = new Object();
alert(typeof testMessage)
}
function test9(){
alert(typeof test8)
}
</script>
</head>
<body>
<button type="button" id="button1" onclick = "test1()">测试undefined</button>
<button type="button" id="button2" onclick = "test2()">测试null</button>
<button type="button" id="button3" onclick = "test3()">测试string</button>
<button type="button" id="button4" onclick = "test4()">测试number</button>
<button type="button" id="button5" onclick = "test5()">测试boolean</button>
<button type="button" id="button6" onclick = "test6()">测试[]</button>
<button type="button" id="button7" onclick = "test7()">测试{}</button>
<button type="button" id="button8" onclick = "test8()">测试Object</button>
<button type="button" id="button9" onclick = "test9()">测试function</button>
</body>
</html>

1. 未定義

未定義タイプには、未定義の値が 1 つだけあります。宣言された変数が初期化されていない場合、変数のデフォルト値は未定義です

function test1(){
var testMessage;
alert(typeof testMessage);
}

2、Null

Null型も値を1つだけ持ち、それはnullです。 null は、まだ存在しないオブジェクトを表すために使用され、関数が存在しないオブジェクトを引用符で囲んで返そうとすることを示します。一重引用符または二重引用符を使用できます:

function test2(){
var testMessage = null;
alert(typeof testMessage);
}

4、number

は浮動小数点数または整数です

function test3(){
var testMessage = "hello";
alert(typeof testMessage)
}

5、 boolean

ブール型には、true または false の 2 つの値があります。

function test4(){
var testMessage = 12;
alert(typeof testMessage)
}

6. オブジェクト:

オブジェクトと配列、および null 。オブジェクトと配列には、オブジェクトや配列など、さまざまなタイプを含めることができます。関数

函数类型

function test9(){
alert(typeof test8)
}

JavaScript の基本データ型と値型参照型の概要

二、值类型与引用类型

（1）值类型：数值、布尔值、null、undefined

值类型指的是保存在栈内存中的简单数据段，按值访问，操作的是他们实际保存的值；

（2）引用类型：对象、数组、函数

引用类型指的是那些保存在堆内存中的对象，意思是，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象；引用访问，当查询时，我们需要先从栈中读取内存地址，然后再顺藤摸瓜地找到保存在堆内存中的值；

如：以下都是引用类型

var cars=   new Array;
var person= new Object;

1、值类型实例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function fun1(){
var a=1;
var b=a;
b=-1;
alert("a="+a+" b="+b);
}
function fun2(){
var a=new String("lin");
var b=a;
b = new String("bing");
alert("a="+a+" b="+b);
}
function fun3(){
var a="lin";
var b=a;
b = "bing";
alert("a="+a+" b="+b);
}
</script>
</head>
<body>
<button type="button" id="button1" onclick = "fun1()">测试值类型</button>
<button type="button" id="button2" onclick = "fun2()">测试值类型</button>
<button type="button" id="button1" onclick = "fun3()">测试值类型</button>
</body>
</html>

JavaScript の基本データ型と値型参照型の概要

2、引用类型实例

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function fun1(){
var a=[1,2,3];
var b=a;
a[0]=1000;
alert("a="+a+" b="+b);
}
function fun2(){
var a = [1,2,3];
var b = a;
b = [11, 12, 13];//b指向了另一个内存地址，与a断开关联
a[0] = 2;
alert("a="+a+" b="+b);
}

function fun3(){
    function ClassDemo(){
       this.name = "linbingwen";
       this.url = "我的博客：http://blog.csdn.net/evankaka";
    }
    var objDemo = new ClassDemo();
    var   objDemo1 = objDemo;
    var   objDemo2 = objDemo;
    objDemo1.url = "我的主页：http://my.csdn.net/Evankaka";
    alert(
    "objDemo1.url的值：JavaScript の基本データ型と値型参照型の概要n" + objDemo1.url + "JavaScript の基本データ型と値型参照型の概要n" +
    "objDemo2.url的值：JavaScript の基本データ型と値型参照型の概要n" + objDemo2.url
);
}
</script>
</head>
<body>
<button type="button" id="button1" onclick = "fun1()">测试引用类型</button>
<button type="button" id="button2" onclick = "fun2()">测试引用类型</button>
<button type="button" id="button3" onclick = "fun3()">测试引用类型</button>
</body>
</html>

JavaScript の基本データ型と値型参照型の概要

注意：
undefined，null，空字符串，0都等于false，都可以通过！来取反。

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

声明

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

dint是什么数据类型Sep 05, 2022 am 11:05 AM

dint是带符号位的32位整数类型；dint的表示方法及范围是“L#-2147483648~L#+2147483647”，定义为双整数或长整数，字节是电脑里的数据量单位，在计算机中，数据只用0和1这种表现形式。

Python时间序列数据操作的常用方法总结Apr 24, 2023 pm 10:22 PM

时间序列数据是一种在一段时间内收集的数据类型，它通常用于金融、经济学和气象学等领域，经常通过分析来了解随着时间的推移的趋势和模式Pandas是Python中一个强大且流行的数据操作库，特别适合处理时间序列数据。它提供了一系列工具和函数可以轻松加载、操作和分析时间序列数据。在本文中，我们介绍时间序列数据的索引和切片、重新采样和滚动窗口计算以及其他有用的常见操作，这些都是使用Pandas操作时间序列数据的关键技术。数据类型Python在Python中，没有专门用于表示日期的内置数据类型。一般情况下都

mysql性别用什么类型Jun 13, 2023 am 11:33 AM

MySQL性别采用多种数据类型来表示性别字段，例如CHAR、ENUM等，最终采用哪种类型，取决于实际需求以及数据存储的大小和性能。

decimal是什么类型Mar 18, 2021 pm 04:03 PM

decimal是MySQL中存在的精准数据类型，语法格式“DECIMAL(M,D)”。其中，M是数字的最大数（精度），其范围为“1～65”，默认值是10；D是小数点右侧数字的数目（标度），其范围是“0～30”，但不得超过M。

MySQL数据类型详解：你需要知道的知识点Jun 15, 2023 am 08:56 AM

MySQL是世界上最流行的关系型数据库管理系统之一，因其可靠性、高安全性、高扩展性以及相对低的成本而得到了广泛应用。MySQL的数据类型定义了各种数据类型的存储方式，是MySQL的重要组成部分。本文将详解MySQL的数据类型，以及在实际应用中需要注意的一些知识点。一、MySQL的数据类型分类MySQL的数据类型可以分为以下几类：整数类型：包括TINYINT、

PHP8中支持的新数据类型可以让你的代码变得更加清新Jun 21, 2023 am 11:20 AM

随着PHP8的发布，这个流行的编程语言引入了新的数据类型，这些新类型可以大大简化代码并提高代码的可读性。在本文中，我们将介绍PHP8中的四种新类型：联合类型、命名参数、只读属性和允许为空的属性，并解释它们如何为开发者带来更好的编程体验。联合类型联合类型是PHP8中引入的一种新类型，它可以让开发者在一个变量中存储多种不同类型的值。例如，一个变量可以

mysql中银行卡号用什么类型Jun 14, 2023 pm 04:34 PM

mysql中银行卡号用“varchar”字符串类型，因为银行卡的号码较长并且全是数字，为了方便存储，就统一存储为字符串类型。如果用“number”类型，会超出“int”类型的最大值范围，必须用“bigInteger”存储，而它不利于数据的正常转换。

PHP初学者必知的5个基本概念Jun 21, 2023 am 10:24 AM

随着Internet技术的不断发展，PHP作为一门Web编程语言，越来越受到大家的喜爱。PHP的使用非常广泛，从简单的静态网站到大型的电子商务网站都可以使用PHP进行开发。无论是刚开始学习PHP的新手还是已经有一定经验的开发者，掌握一些基本概念都是非常必要的。在本文中，我将介绍PHP初学者必知的5个基本概念。变量PHP的变量是用来存储数据的容器。在PHP中，

See all articles

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 中国語版

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

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポートライブラリとヘッダーファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

メモ帳++7.3.1

使いやすく無料のコードエディター

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。