検索
ホームページウェブフロントエンドフロントエンドQ&A知っておくべきJavaScriptの基本データ型

この記事では、JavaScript の基本的なデータ型に関する関連知識を提供します。お役に立てば幸いです。

知っておくべきJavaScriptの基本データ型

JavaScript は弱い型指定のスクリプト言語であるため、宣言時に変数のデータ型を指定する必要はありません。 JavaScript変数のデータ型は、解釈中に動的に決定されます。ただし、JavaScript の値はメモリに保存され、データ型でもあります。 JavaScript基本的なデータ型は次の 5 つです

(1)数値型

(2) ブール型

(3)文字列型

(4)未定義Type

(5) ) NullType

1. 数値型

は、Cなどの厳密に型指定された言語とは異なります。 , Java は異なります。JavaScript の数値型には、すべての整数変数だけでなく、すべての浮動小数点変数も含まれます。 JavaScript 言語の値は IEEE 754 倍精度浮動小数点形式で保存されます。 JavaScript の数値形式は非常に豊富で、科学表記法での表現を完全にサポートしています。科学表記法形式は 5.12e2 で、5.1210 # を乗算したものを表します。 #2 の累乗、5.12E25.12# # も表します#102 乗。

科学的記数法では、

E は間隔記号であり、E は大文字と小文字が区別されません。

<script>
	// 显式声明变量a , b
	var a , b;
	// 给a , b使用科学记数法赋值,其值应该为500
	a = 5E2;
	b = 1.23e-3;
	// 使用警告提示框输出变量a的值
	alert(a + "\n" + b);
</script>


注: 直接数値を

0 で始めることはできません。 JavaScript は 8 進数と 16 進数をサポートしているためです。 8 進数は 0 で始まり、16 進数は 0x または 0X で始まります。

数値型がその表現範囲を超えると、2 つの特別な値が表示されます:

Infinity (正の値) Infinity) および -Infinity (負の無限大。)

<script>
	// 定义x为最大的数值
	var x = 1.7976931348623157e308; 
	// 再次增加x的值
	x = x + 1e292;
	// 使用警告框输出x的值
	alert(x);
</script>


2.

文字文字列タイプ

JavaScript

の部分文字列 Fuchuan は、引用符で囲む必要があります。ここでの引用符は、一重引用符または二重引用符のいずれかです。

 var a = "12345678912aaa";
 var a = '12345678912aaa';

注:

JavaScriptJava の文字列には主に 2 つの違いがあります:

    (1) JavaScript の文字列は一重引用符で囲むことができます;
  • (2) JavaScript の 2 つの文字列を比較する文字列が等しい場合の場合は、equals() メソッドを使用する代わりに == を使用します。

JavaScriptString内建类表示字符串,String类里包含了一系列方法操作字符串,String类有如下基本方法和属性操作字符串:

(1)charCodeAt() :返回字符串中特定索引处的字符所对应的Unicode值

(2)Legth():返回字符串的长度

(3)toUpperCase() : 将stringObj中的小写字母全部转成大写字母

(4)toLowerCase() :将stringObj中的大写字母全部转成小写字母

(5)fromCharCode() :直接通过String类调用方法,将一系列Unicode值转换成字符串

(6)indexOf() :返回字符串第一次出现的位置

(7)lastIndexOf() :返回字符串最后一次出现的位置

(8)subString() :截取stringObj从start开始,至end为止之前的所有字符,即包括start处的字符,但不包含end处的字符

(9)slice() :截取stringObj从start开始,到end为止之前的所有字符;即包括start处的字符,但不包括end处的字符。start与end均可为负值,当为负值时,表示从最后一个字符算起的第n个字符,比如-1表示最后一个字符,-2表示倒数第二个字符。

(10)match() :在字符串内检索指定的正则表达式的匹配结果,该结果与regexp是否有指定全局标志g有关

(11)split() :将separtor为为分隔,将stringObj分割成一个字符串数组。separator可以是字符串或者正则表达式,若为字符串,则以separator为分割符;弱separator为正则表达式,则以符合separator指定模式的字符串作为分隔符。

(12)replace() :将字符串中某个子串以特定字符串替代。

<script>
	// 定义字符串变量a
	var a = "abc中国";
	// 获取a的长度
	var b = a.length;
	// 将系列的Unicode值转换成字符串
	var c = String.fromCharCode(97,98,99);
	// 输出a的长度,以及字符串a在索引4处的字符和
	// 对应的Unicode值,以及c字符串变量的值
	alert(b + "---" + a.charAt(4) + "---"
		+ a.charCodeAt(4) + "---" + c);
</script>


下面是一些常用的转义字符

#\' 7 8##バックスラッシュ(\u005C)\v\xNN##11#121 から 3 までのラテン語- 1文字を8進数(1~377)で指定します。

转义字符

使用说明

0

 

NUL 字符(\u0000)

1

\b

后退一格(Backspace)退格符(\u0008)

2

\f

换页(Form Feed)(\u000C)

3

\n

换行(New Line)(\u000A)

4

\r

回车(Carriage Return)(     \u000D)    

5

#\t

タブ水平タブ (\u0009)

##6

#一重引用符 (\u0027)

\"

##二重引用符 (\u0022)

#\\

##9

##垂直タブ (\u000B)

10

は 2 つの 16 進値で構成されます。 NN 指定された Latin-1 文字

##\uNNNNNN
4 つの 16 進数で指定された Unicode 文字

NNNN

##\NNN

ECMAScript v3 はサポートされていません。このエスケープ シーケンスは使用しないでください

3. 布尔类型

布尔类型的值只有两个:truefalse。布尔类型的值通常是逻辑运算的结果,或用于标志对象的某种状态。

<script>
	// 如果浏览器支持Cookie
	if (navigator.cookieEnabled) 
	{
		alert("浏览器允许使用Cookie");
	}
	// 如果浏览器不支持Cookie
	else
	{
		alert("浏览器禁用Cookie");
	}
</script>


4. Undefined null

Undefined类型的值只有一个undefined,该值用于表示某个变量不存在,或者没有为其分配值,也用于表示对象的属性不存在。null用于表示变量的值为空。Undefinednull之间的差别比较微妙,总体而言,undefined表示没有为变量设置值或属性不存在,而null表示变量是有值的,只是为其值为null

但如果不进行精确比较,很多时候undefinednull本身就想等,即null==undefined将返回true。如果要精确区分nullundefined,应该考虑使用精确等于符(===

<script>
	// 声明变量x , y
	var x , y = null;
	// 判断x的值是否为空
	if (x === undefined) 
	{
		alert(&#39;声明变量后默认值为undefined&#39;);
	}
	if (x === null)
	{
		alert(&#39;声明变量后默认值为null&#39;);
	}
	// 判断x(其值为undefined)是否与y(其值为null)相等
	if (x == y) 
	{
		alert("x(undefined)==y(null)");
	}
	// 测试一个并不存在的属性
	if(String.xyz === undefined)
	{
		alert("不存在的属性值默认为undefined");
	}
</script>

5. 正则表达式

正则表达式的本质是一种特殊的字符串,这种特殊字符允许使用“通配符”,因此一个正则表达式字符串可以匹配一批普通字符串。

元字符         名称              匹配对象

  • .             点号              单个任意字符(除回车\r、换行\n、行分隔符\u2028和段分隔符\u2029外)

  • []            字符组             列出的单个任意字符

  • [^]           排除型字符组        未列出的单个任意字符

  • ?             问号               匹配0次或1次

  • *             星号               匹配0交或多次

  • +             加号               匹配1次或多次

  • {min,max}     区间量词           匹配至少min次,最多max次

  • ^             脱字符             行的起始位置

  • $             美元符             行的结束位置

  • |             竖线               分隔两边的任意一个表达式

  • ()            括号               限制多选结构的范围,标注量词作用的元素,为反向引用捕获文本

  • \1,\2...      反向引用            匹配之前的第一、第二...组括号内的表达式匹配的文本

\0        NUL字符\u0000
[\b]      匹配退格符\u0008,不要与\b混淆
\t        制表符\u0009
\n        换行符\u000A
\v        垂直制表符\u000B
\f        换页符\u000C
\r        回车符\u000D
\xnn      由十六进制数nn指定的拉丁字符
\uxxxx    由十六进制数xxxx指定的Unicode字符(\u4e00-\u9fa5代表中文)  
\cX       控制字符^X,表示ctrl-[X],其中的X是A-Z之中任一个英文字母,用来匹配控制字符
{n}       匹配n次
{n,m}     匹配至少n次,最多m次
{n,}      匹配至少n次
?         相当于{0,1}
*         相当于{0,}
+         相当于{1,}

【相关推荐:javascript学习教程

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

声明
この記事はCSDNで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
React:現代のフロントエンド開発の基礎React:現代のフロントエンド開発の基礎Apr 19, 2025 am 12:23 AM

Reactは、最新のフロントエンドアプリケーションを構築するためのJavaScriptライブラリです。 1.パフォーマンスを最適化するために、コンポーネントおよび仮想DOMを使用します。 2。コンポーネントJSXを使用して、データを管理するために定義、状態、および属性を定義します。 3.フックはライフサイクル管理を簡素化します。 4. Contextapiを使用して、グローバルステータスを管理します。 5.一般的なエラーには、デバッグステータスの更新とライフサイクルが必要です。 6。最適化手法には、メモ、コード分割、仮想スクロールが含まれます。

Reactの未来:Web開発におけるトレンドと革新Reactの未来:Web開発におけるトレンドと革新Apr 19, 2025 am 12:22 AM

Reactの未来は、究極のコンポーネント開発、パフォーマンスの最適化、および他のテクノロジースタックとの深い統合に焦点を当てます。 1)Reactは、コンポーネントの作成と管理をさらに簡素化し、究極のコンポーネント開発を促進します。 2)特に大規模なアプリケーションでは、パフォーマンスの最適化が焦点になります。 3)Reactは、開発エクスペリエンスを改善するために、GraphQLやTypeScriptなどのテクノロジーと深く統合されます。

React:UIコンポーネントを構築するための強力なツールReact:UIコンポーネントを構築するための強力なツールApr 19, 2025 am 12:22 AM

Reactは、ユーザーインターフェイスを構築するためのJavaScriptライブラリです。その核となるアイデアは、コンポーネントを通じてUIを構築することです。 1.コンポーネントは、UIロジックとスタイルをカプセル化する反応の基本単位です。 2。仮想DOMと状態管理はコンポーネントの作業の鍵であり、状態はSetStateから更新されます。 3.ライフサイクルには、マウント、更新、アンインストールの3つのステージが含まれます。パフォーマンスは、合理的に使用して最適化できます。 4. UseStateとContextapiを使用して、状態を管理し、コンポーネントの再利用性とグローバルな州管理を改善します。 5.一般的なエラーには、不適切なステータスの更新とパフォーマンスの問題が含まれます。これは、ReactDevtoolsを介してデバッグできます。 6.パフォーマンス最適化の提案には、メモの使用、不必要な再レンダリングの回避、および私たちの使用が含まれます

HTMLとのReactを使用:コンポーネントとデータのレンダリングHTMLとのReactを使用:コンポーネントとデータのレンダリングApr 19, 2025 am 12:19 AM

HTMLを使用してReactでコンポーネントとデータをレンダリングすることは、次の手順を通じて達成できます。JSX構文の使用:JSX構文を使用してHTML構造をJavaScriptコードに埋め込み、コンパイル後にDOMを操作します。コンポーネントはHTMLと組み合わされます。Reactコンポーネントはプロップを介してデータを渡し、などのHTMLコンテンツを動的に生成します。データフロー管理:Reactのデータフローは、親コンポーネントから子コンポーネントに渡される一方通行であり、アプリコンポーネントが名前を挨拶に渡すなど、データフローが制御可能であることを保証します。基本的な使用例:マップ関数を使用してリストをレンダリングするには、フルーツリストのレンダリングなどのキー属性を追加する必要があります。高度な使用例:UseStateフックを使用して状態を管理し、ダイナミクスを実装する

Reactの目的:シングルページアプリケーションの構築(SPA)Reactの目的:シングルページアプリケーションの構築(SPA)Apr 19, 2025 am 12:06 AM

Reactは、ユーザーインターフェイスを構築するための効率的で柔軟な方法を提供するため、シングルページアプリケーション(SPA)を構築するための好ましいツールです。 1)コンポーネント開発:複雑なUIを独立した再利用可能な部分に分割して、保守性と再利用性を向上させます。 2)仮想DOM:仮想DOMと実際のDOMの違いを比較することにより、レンダリングパフォーマンスを最適化します。 3)状態管理:状態および属性を介したデータフローを管理して、データの一貫性と予測可能性を確保します。

React:Web開発のためのJavaScriptライブラリの力React:Web開発のためのJavaScriptライブラリの力Apr 18, 2025 am 12:25 AM

Reactは、メタがユーザーインターフェイスを構築するために開発したJavaScriptライブラリであり、そのコアはコンポーネント開発と仮想DOMテクノロジーです。 1。コンポーネントと状態管理:Reactは、コンポーネント(関数またはクラス)とフック(UseStateなど)を介して状態を管理し、コードの再利用性とメンテナンスを改善します。 2。仮想DOMとパフォーマンスの最適化:仮想DOMを介して、実際のDOMを効率的に更新してパフォーマンスを向上させます。 3.ライフサイクルとフック:フック(使用効果など)は、関数コンポーネントがライフサイクルを管理し、副作用操作を実行できるようにします。 4。使用例:基本的なHelloworldコンポーネントから高度なグローバル州管理(USECONTEXTおよび

Reactのエコシステム:ライブラリ、ツール、およびベストプラクティスReactのエコシステム:ライブラリ、ツール、およびベストプラクティスApr 18, 2025 am 12:23 AM

Reactエコシステムには、状態管理ライブラリ(Reduxなど)、ルーティングライブラリ(Reactrouterなど)、UIコンポーネントライブラリ(材料-UIなど)、テストツール(JESTなど)、およびビルディングツール(Webpackなど)が含まれます。これらのツールは、開発者がアプリケーションを効率的に開発および維持し、コードの品質と開発効率を向上させるのを支援するために協力します。

反応とフロントエンドの開発:包括的な概要反応とフロントエンドの開発:包括的な概要Apr 18, 2025 am 12:23 AM

Reactは、ユーザーインターフェイスを構築するためにFacebookが開発したJavaScriptライブラリです。 1. UI開発の効率とパフォーマンスを改善するために、コンポーネントおよび仮想DOMテクノロジーを採用しています。 2。Reactのコア概念には、コンポーネント化、状態管理(UseStateやUseEffectなど)、および仮想DOMの作業原則が含まれます。 3。実際のアプリケーションでは、基本的なコンポーネントレンダリングから高度な非同期データ処理へのReactサポートがサポートされます。 4.主要な属性の追加や誤ったステータスの更新を忘れるなどの一般的なエラーは、ReactDevtoolsとログを介してデバッグできます。 5.パフォーマンスの最適化とベストプラクティスには、React.Memo、コードセグメンテーション、コードの読み取り可能な状態を維持し、信頼性を維持することが含まれます

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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境