JavaScript 字符的类型

吴欣
92 阅读6分钟

在JavaScript中，字元是一种在程序中表示数值的方式。让我们来看看这样一个场景：你需要使用一些代码，在程序中到处提供相同的功能，如模板。

在这里，JavaScript字面符号就出现了，它在用户使用时为他们提供了预定义的功能。

这篇文章是一个完整的指南，并占用了关于以下的详细知识

  • 什么是JavaScript字面符号
  • JavaScript字面符号的类型
  • 模板字元
  • 对象文字
  • 字符串
  • 数值字面
  • 布尔字面
  • 浮点字元
  • 正则表达式字元

什么是JavaScript字面符号

JavaScript字面符号是用来表示程序中数据的固定值。这些字面符号用来表示整数、字符串、布尔值和数组等数据。我们不需要任何特定的关键字来写这些字面符号。

JavaScript字面符号的类型

以下是JavaScript支持的字面符号的类型。

  • 数组字样
  • 布尔值
  • 浮点字样
  • 数值字元
  • 对象文字
  • 正则表达式字样
  • 字符串字元
  • 模板字元

数组字面

在JavaScript中，一对方括号[ ]之间包裹的元素集合代表一个数组字面。这些字面意义是由方括号之间添加的特定值初始化的。数组字面的大小由方括号之间的元素数量来指定。 根据程序员的要求，数组字面可以包含零或更多的元素。

代码

// Array Literal with 0 element
var fruit3 = ['Mango','Watermelon','Pineapple'];
console.log(fruit1);

// Array Literal with elements
var fruit3 = ['Mango','Watermelon','Pineapple'];
console.log(fruit2);

// Array Literal with extra comma between elements
var fruit3 = ['Mango',,'Watermelon','Pineapple'];
console.log(fruit3);

这里我们创建了三个数组字面。

输出

在上面的例子中，我们用一个数组字面创建了三个数组fruit1,fruit2, 和fruit3 。

我们在第一个数组中没有添加任何元素，它在JavaScript中被认为是一个数组，但没有任何元素。

在第二个数组中，我们添加了三个元素，由于其中的元素，我们将数组初始化为字符串类型，由于其中元素的数量，其大小被指定为3，如上面的输出所示。

在第三个数组中，我们也添加了三个元素，但是在元素之间多加了一个逗号，由于这个原因，编译器认为数组的长度是4，但是有一个空索引，如上面的输出所示。

注意： 如果我们把逗号放在元素的开始或元素之间，编译器认为它是一个索引，但如果我们把逗号放在元素的末尾，编译器完全忽略它。

布尔字面

在JavaScript中，布尔字面与比较运算符一起工作，如<, >, <=, >=, ==, !=等。这些字词的功能是预先定义的，因为这些字词只返回真或假。

代码

var check = (20>43);
console.log(`20 > 43 = ${check}`);

var comp = (7>3);
console.log(` 7 > 3 = ${comp}`);

在这里，我们使用两个变量，check 和comp ，并比较两个变量的不同值，由于两个变量都使用布尔字面，所以只返回true 或false 作为输出。

输出

在上面的输出中，我们可以清楚地看到，check 变量返回一个假值 ，comp 变量返回一个真值 ，因为它们都使用了布尔字面符号。

浮点字面符号

这些字面符号表示带有小数点的数值。浮点字面可以是一个小数点的数字，一个小数点的整数，或者一个指数。

代码

var dec = 3.5;
console.log(`This variable represent decimal number ${dec}`);

var fra = -30.6;
console.log(`This variable represent fractional number ${fra}`);

var exp = 12e6;
console.log(`This variable represent exponent of number ${exp}`);

这里我们取三个变量dec、fra 和exp。然后给dec指定一个正的小数点值，给fra 指定一个负的小数点值，给exp指定一个指数值。

输出结果

上面的输出清楚地表明，dec 变量打印的是一个正的小数点值。小数点值总是正的。

fra 变量打印小数点的整数值，这意味着浮点字头可以是带有小数点的正数或负数。

exp 变量打印数字的指数，这意味着浮点符号可以用来表示一个数字的指数。

数值字头

数字字元基本上是一系列的数字/数字。数字字面可以用以下方式表示。

10进制：十进制（包含从0到9的数字）

基数8：八进制（包含从0到7的数字）。

基数16：十六进制（包含从0到9的数字和从A/a到F/f的字母）。

代码

var dec = 35;
console.log(`This variable is a decimal number ${dec}`);

var oct = 062;
console.log(`This variable is an octal number ${oct}`);

var hex = 0X8b;
console.log(`This variable is a hexadecimal number ${hex}`);

这里我们取三个变量dec、oct 和hex，然后给dec分配一个十进制值，给oct分配一个八进制值，给hex分配一个十进制值。

输出结果

在上面的输出中，可以清楚地看到，dec 变量打印的是十进制数。oct 变量接收一个八进制数，并在将其转换为十进制数后打印出该值。hex 变量接收一个十六进制数，并在将其转换为十进制数后打印该值。

对象字面意义

对象字面意义基本上是一个由0个或多个属性名称和相关值组成的列表，被包裹在一对**{ }**大括号内。

代码

var info = {name:"Alex", roll no:"35", marks:"85"};
console.log (`${info.name} got ${info.marks} marks.`);
在这里，我们创建了一个变量**info**，并给它分配了一个包含姓名、卷号和分数的列表。
然后我们用(**.**)来访问列表中的姓名和分数，并打印结果。

输出结果

如上所述，输出显示我们在对象字面的帮助下得到了预期的输出。

正则表达式字面意义

正则表达式字头主要用于快速搜索长字符串中的长信息。这些字词与正斜线**（//**）一起使用。要在字符串中搜索的单词写在正斜杠之间，如下所示

代码

var str ="This is alex from abc company"
var str2= /from/;
var search = str.match(str2);
console.log(search);

这里我们取三个变量str、str2和search。然后我们给str分配一个字符串**，str2被分配为正则表达式字面，search被分配为JavaScriptmatch()函数并给str2**作为参数。最后，我们显示结果。

输出结果

上面的输出清楚地表明，我们在正则表达式字面的帮助下，从给定的字符串中搜索**（from）** 单词，并显示被搜索的单词，该单词所在的索引号，以及该单词被搜索的字符串。

字符串字面意义

字符串字面意义基本上是由介于**("")** 双引号或**('')** 单引号之间的字符组成的一个字符串。

以下是JavaScript字符串字面意义中使用的特殊字符。

字符解释
\n在字符串中添加一个新行。
\f在字符串中添加换行。
\b在字符串中添加退格符。
\t在字符串中添加制表符。
\r用于字符串中的回车
\\在字符串中添加反斜杠**（**Backslash）。
\"在字符串中添加双引号**（"）**。
\'在字符串中添加双引号**（'）**。

代码

varstr\="This is alex\\nfrom abc company."  
console.log(str);  
  
varstr\="This is alex\\tfrom abc company."  
console.log(str)。

这里我们取了两个字符串。第一個是用雙引號字串和特殊字符\n表示，第二個是用單引號字串和特殊字符\t表示。

输出结果

上面的输出清楚地表明，双引号和单引号都是打印字符串，但\n开始一个新行，而\t在字符串中添加一个制表符。

模板字面

字符串和变量在一对反斜线（"） 之间组合在一起，被定义为模板字面。这些字面意义被用来组合字符串和变量，而不会使代码变得混乱。字符串插值也是使用模板字词进行的。

代码

a\= 5;  
varstr\=\`${a}是一个奇数。\`  
console.log(str);

这里我们取了一个变量a和str，然后我们把5分配给变量a，并对变量str 使用模板字面**。** 然后我们简单地显示str 变量。

输出

上面的输出清楚地表明，我们使用模板字面得到了所需的输出。

总结

JavaScript字面符号是分配给变量的固定值，用来表示不同的数据。本文详细解释了JavaScript字面符号的类型，如数组、字符串、浮点、对象、模板和数字字面符号。

avatar
文章
阅读
粉丝