广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript数据类型相关知识详解
  • 287
分享到

JavaScript数据类型相关知识详解

2024-04-02 19:04:59 287人浏览 薄情痞子
摘要

目录一、字面量1.1 数字字面量1.2 浮点数字面量1.3 特殊值1.4 字符串字面量二、变量2.1 变量的定义2.2 变量的赋值三、数据类型3.1 简单数据类型3.2 检测数据类型

一、字面量

用于表达一个固定值的表示法,又叫做常量。

1.1 数字字面量

在这里插入图片描述


<script>
    // 整数字面量
    // 十进制
    console.log(12);
    // 八进制
    console.log(010);
    // 十六进制
    console.log(0x100);
</script

效果展示

在这里插入图片描述

1.2 浮点数字面量

浮点数不区分进制,所有的浮点数都是十进制下的(注意:浮点数若是0~1之间的,前面的0可以省略不写,例如0.6可以写成.6)浮点数的精度远远不如小数。


// 浮点数字面量
console.log(1.2);
console.log(-1.2);
console.log(0.1343);
console.log(.1343);
console.log(1.2e4);
console.log(1.2e-4);

效果展示

在这里插入图片描述

1.3 特殊值

Infinity:无穷


// Infinity
console.log(Number.MAX_VALUE);
console.log(Number.MIN_VALUE);
console.log(5e789);
console.log(-5e789);
console.log(Infinity);

效果展示

在这里插入图片描述

NaN:不是一个正常的数

isNaN()判断一个数据是不是NaN.


// NaN
console.log(0 / 0);
console.log(isNaN(0 / 0));
console.log(isNaN(22));

效果展示

在这里插入图片描述

1.4 字符串字面量

字符串字面量

用单引号或者双引号包裹起来,引号中间可以有任意多个字符,也可以没有字符则为空字符串。(注意:如果字符串中包含了双引号,则外面用单引号包裹,反之相同)


// 字符串字面量
console.log("这是一个'字符串'");
console.log("123");
console.log("000%$*^");
console.log("     ");
console.log("");

效果展示

在这里插入图片描述

**转义符**:

在这里插入图片描述


// 转义符
console.log("你\n好");
console.log("你\t好");
console.log("你好\"呀\"");

效果展示

在这里插入图片描述

二、变量

2.1 变量的定义

变量:计算机内存储数据的标识符,根据变量名称可以获取到内存中的数据。

变量声明:使用变量之前先进行定义,创建变量。如果使用之前没有定义变量,就会出现引用错误。

定义方法:var后面添加空格,空格后面添加一个变量名。

在这里插入图片描述


// 变量的定义
var name;
var userName;
var a;
var b1;

2.2 变量的赋值

变量定义后有个默认的值为undefined;变量赋值时,内部可以存储任意类型的数据,甚至是一个变量。

一个var可以同时定义多个变量,中间用逗号分隔开。

代码如下(示例):


// 变量的定义
var name;
var userName;
var a;
var b1;

// 变量的赋值
var a=1,b=2,c=3;
a = a + b + c;
console.log(a);

效果展示:

在这里插入图片描述

三、数据类型

3.1 简单数据类型

在这里插入图片描述

复杂数据类型object。

3.2 检测数据类型

用typeof来检测数据类型,后面加小括号,括号里面写参数。(变量的数据类型是变化的,随着赋值不同数据类型也就不同)
代码如下(示例):


console.log(typeof(6.8));
console.log(typeof(-1));
console.log(typeof(NaN));
console.log(typeof(false));
console.log(typeof 66);
console.log(typeof 66 + 3);

效果展示

在这里插入图片描述

3.3 数据类型转换

(1)转成字符串

toString()和String()转换成字符串类型的数据。

“+”的特殊性,两边只要有一个字符串就是拼接字符串功能。两边是数字那么就是运算功能。

(2)转成数字类型

Number()可以将其他类型的数据转换为数字类型。

parseInt()字符串转成整数的方法:对浮点数可以进行取整操作,将字符串转换为整数数字。(针对数字字符串)
parseFloat()转成浮点数。

(3)转成布尔类型

Boolean()可以转任何类型的数据,将其他的数据转为布尔类型的值。

转为false : NaN、0、“” 空字符串、null、undefined

转为true :非0非NaN数字、非空字符串


// 转成字符串类型
console.log(true.toString());
console.log(String(2333));
console.log(1 + "");

// 转换成数字类型
console.log(Number("11aa"));
console.log(parseInt("123.11ac")); //转换成整数
console.log(parseFloat("12.123hh"));

// 转成布尔类型
console.log(Boolean(NaN));
console.log(Boolean(""));
console.log(Boolean(undefined));
console.log(Boolean("   "));
console.log(Boolean(123));

3.4 prompt接收数据转换


// var num = prompt("请输入一个十以内的数字");
// num = parseInt(num);
// console.log(typeof(num));

// 简单化写法
var num = parseInt(prompt("请输入一个十以内的数字"));
num = num + 3;
console.log(num);

四、总结

数据类型这部分就学习到这里了,坚持学习前端,希望看到一个不一样的自己。

在这里插入图片描述

到此这篇关于javascript数据类型相关知识详解的文章就介绍到这了,更多相关js数据类型内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript数据类型相关知识详解

本文链接: https://www.lsjlt.com/news/124130.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript数据类型相关知识详解
    目录一、字面量1.1 数字字面量1.2 浮点数字面量1.3 特殊值1.4 字符串字面量二、变量2.1 变量的定义2.2 变量的赋值三、数据类型3.1 简单数据类型3.2 检测数据类型...
    99+
    2022-11-12
  • JavaScript数据类型相关知识总结
    本篇内容介绍了“JavaScript数据类型相关知识总结”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!js...
    99+
    2022-10-19
  • python数据类型相关知识扩展
    目录一、命名元祖二、在自动化测试场景中的应用三、三目运算符四、推导式五、字典推导式一、命名元祖 在python基础中, 我们学习元祖的时候,取元祖内部的元素都是通过索引来进行取值的。...
    99+
    2022-11-12
  • Python基础之数据类型相关知识总结
    1、字符串 (1)概念 字符串英文名string,简称str。 字符串就是由一个个字符连接起来的组合, 你平时所见的字母、数字、汉字、符号都是字符。 字符串可以用...
    99+
    2022-11-12
  • 详解java注解相关知识
    定义  1、如果注解中有属性,那么必须给属性赋值。 package com.lxc.Test; // 定义一个注解 public @interface Annota...
    99+
    2022-11-12
  • 详解SpringIOC容器相关知识
    目录一、前言二、IOC原理实战三、IOC本质四、spring helloworld五、小结一、前言 IOC控制反转,不是一种技术,而是一种设计思想,就是将原本在程序中手动创建对象的控...
    99+
    2022-11-12
  • 详解Java接口的相关知识
    一、接口概述 接口,是Java语言中一种引用类型,是方法的集合,如果说类的内部封装了成员变量、构造方法、成员方法,那么接口的内部主要就是封装了方法,包含抽象方法(JDK 7及以前)、...
    99+
    2022-11-12
  • Java SpringBoot的相关知识点详解
    目录1. IOC和DI2. Spring容器加载Bean/创建对象的时机3. @Autowired注解4. @Configuration配置类5. @Conditional条件注解6...
    99+
    2022-11-12
  • JavaScript中Math对象相关知识全解
    目录前言常用属性常用方法实例参考总结前言 除了简单的加减乘除,在某些长和开发者需要进行更为复杂的数学运算。JavaScript的Math对象提供了一系列属性和方法,能够满足大多数场合...
    99+
    2022-11-16
    js math对象 js中math对象 javascript math对象
  • java基础详解之数据类型知识点总结
    目录一、基本数据类型1.1 整形1.1.1 int1.1.2 长整形:long1.1.3 短整形:short1.2 浮点型1.2.1 双精度浮点型:double1.2.2 单精度浮点...
    99+
    2022-11-12
  • redis中多样的数据类型及集群相关的知识有哪些
    这篇文章主要介绍了redis中多样的数据类型及集群相关的知识有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇redis中多样的数据类型及集群相关的知识有哪些文章都会有所收获...
    99+
    2022-10-19
  • javascript Async函数相关知识点有哪些
    本篇内容介绍了“javascript Async函数相关知识点有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学...
    99+
    2022-10-19
  • JavaScript数据类型和变量知识点整理
    这篇文章主要讲解了“JavaScript数据类型和变量知识点整理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript数据类型和变量知识点整理”...
    99+
    2022-10-19
  • ASP中数据类型的知识点详解,面试必备!
    在ASP中,数据类型是非常重要的知识点。因为在ASP中,我们需要处理很多的数据,而不同的数据类型有着不同的特点和用途。本文将详细介绍ASP中的数据类型,包括基本数据类型和引用数据类型。 一、基本数据类型 字符串类型(String) 字...
    99+
    2023-07-28
    数据类型 面试 http
  • JavaScript数值类型知识有哪些
    这篇文章主要为大家展示了“JavaScript数值类型知识有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript数值类型知识有哪些”这篇文章吧...
    99+
    2022-10-19
  • SpringMVC数据输出相关知识总结
    一、数据输出 SpringMVC将数据携带给页面的储存工具,有三种,map,ModelMap,model,它们在底层实质还是使用到了BindingAwareModelMap,对数据进...
    99+
    2022-11-12
  • [转载] Python数据类型知识点全解
    [转载] Python数据类型知识点全解 1.字符串 字符串常用功能 name = 'derek' print(name.capitalize()) #首字母大写 Derek print(name.count("e")) ...
    99+
    2023-01-31
    知识点 数据类型 Python
  • R语言中循环的相关知识详解
    目录repeatwhile向量for循环break和nextrepeat repeat是最存粹的循环,只要不让出来,就一直重复{}中的代码,可以在命令行中输入 repeat{prin...
    99+
    2023-03-19
    R语言 循环使用 R语言 循环
  • JavaSwing基础之Layout布局相关知识详解
    目录一、View layout方法二、ViewGroup layout方法三、自定义垂直布局VerticalLayout四、效果展示一、View layout方法 首先,还是从Vie...
    99+
    2022-11-12
  • R语言中因子相关知识点详解
    因子是用于对数据进行分类并将其存储为级别的数据对象。 它们可以存储字符串和整数。 它们在具有有限数量的唯一值的列中很有用。 像“男性”,“女性”和True,False等。它们在统计建...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作