扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >javascript数据类型基础示例教程
  • 958

0
分享到

javascript数据类型基础示例教程

2024-04-02 19:04:59 958人浏览 安东尼
摘要

目录js中的输入输出语句js中的注释js中声名变量1、 js中用关键字var声明一个变量2、声明变量特殊情况3、变量命名规范js中的基本数据类型数字型 Number布尔值类型 Boo

js中的输入输出语句

方法说明归属
alert(msg)浏览器弹出警示框浏览器
console.log(msg)浏览器控制台打印输出信息浏览器
prompt(info)浏览器弹出输入框，用户可以输入浏览器

注：prompt(info)获取的输入都是字符串类型，跟python中的input()类似。

 <script>
      prompt("请输入：");
      alert('你好呀！小可爱！');
      console.log('阿牛最帅啦！');
  </script>

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

js中的注释

单行注释多行注释
//

注：CSS中的注释为,各种语言的注释记不住也没有关系，只要记住快捷键ctrl + /就行，大多数编辑器都支持这个快捷键，对大多数语言都适用，只需选中要注释的内容，ctrl + / 就可以了。

js中声名变量

1、 js中用关键字var声明一个变量

//声明变量
 var age ; // 声明一个名称 age 的变量
 age = 18;
 var name = 'aniu' //变量的初始化

var 是一个 JS 关键字，用来声明变量（ variable 变量的意思）。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管。

age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间。

2、声明变量特殊情况

情况说明结果
var age ; console.log ( age );只声明不赋值undefined
console.log ( age )不声明不赋值直接使用报错
age =10; console.log ( age );不声明只赋值10

3、变量命名规范

  • 由字母（ A - Za - z )、数字（0-9)、下划线（_)、美元符号（$）组成，如： usrAge ,num01,_ name。
  • 严格区分大小写。 var app ；和 var App ；是两个变量。
  • 不能以数字开头。18age是错误的。
  • 不能是关键字、保留字。例如: var 、 for 、 while
  • 变量名必须有意义。
  • 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。 myName

js中的基本数据类型

变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。 javascript 是一种弱类型或者动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。

 var age =18; I //这是一个数字型
 var ok ='是; //这是一个字符串

在代码运行时，变量的数据类型是由 JS 引擎根据＝右边变量值的数据类型来判断的，运行完毕之后，变量就确定了数据类型。

简单数据类型说明默认值
Number数字型，包含整型值和浮点型值，如12、0.820
Boolean布尔值类型，如 true 、 false ，等价于1和 0false
String字符串类型，如＂张三＂注意 js 里面字符串都带引号" "
Undefinedvar a ；声明了变量 a 但是没有给值，此时 a = undefinedundefined
Nullvar a = nul ；声明了变量 a 为空值null

数字型 Number

数字型进制

最常见的进制有二进制、八进制、十进制、十六进制。

 // 八进制数字序列范围：0~7
 var num1=07; //对应十进制的7 
 var num2=018; //对应十进制的18 
 var num3=08;  //对应十进制的8 
 // 十六进制数字序列范围：0~9以及 A ~ F 
 var num =0xA; //对应十进制的10

在这里插入图片描述

我们只需要记住，在 js 中八进制前面加0,十六进制前面加 0x。

数字型范围

1, JavaScript 中数值的最大和最小值。

 console.log(Number.MAX_VALUE);//1.7976931348623157e+308 
 console.log(Number.MIN_VALUE);//5e-324

最大值： Number . MAX_VALUE ，这个值为1.7976931348623157e+308

最小值： Number . MIN_VALUE ，这个值为：5e-32

在这里插入图片描述

2, 无穷小，无穷大，非数字。

  console.log (Number.MAX_VALUE *2);// Infinity 无穷大
  console.log(-Number.MAX_VALUE *2);//-Infinity 无穷小
  console.log('aniu' - 100); // NaN  非数字 Not a Number
  // isNaN()这个方法用来判断非数字 并且返回一个值如果是数字返回的是 false,如果不是数字返回的是 true 
  console.log(isNaN(12));// false 
  console.log(isNaN('aniu')); // true

在这里插入图片描述

布尔值类型 Boolean

如 true 、 false ，等价于1和 0

 var flag = true;
 var flag1 = false;
 console.log(flag);
 console.log(flag1);

在这里插入图片描述

字符串类型 String

js中转义字符串

在这里插入图片描述

字符串的其它知识点。

多个字符串之间可以使用＋进行拼接，其拼接方式为字符串＋任何类型＝拼接之后的新字符串。拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串。

 // 1. 求字符串的长度
    var str = 'a niu';
    console.log(str.length);  //length方法求字符串的长度
   // 2. 字符串的拼接 +
   console.log('aniu'+'a'); // aniua
   console.log('11'+13);  // 1113
   var flag = true;
   var flag1 = false;
   console.log(flag+1); // 2
   console.log(flag1+1); // 1
   var s = undefined;
   console.log(s + 'aniu'); // underfinedaniu
   console.log(s + 1); //undefined和数字相加，结果是NaN

在这里插入图片描述

Undefined 和 Null

一个声明后没有被赋的变量会有一个默认值 undefined （如果进行相连或者相时，注意结果）

 var m ;
    console.log (m); //undefined 
    console.log ('阿牛'+ m);//阿牛undefined 
    console.log (11+m); // NaN 
    console.log (true + m); // NaN

在这里插入图片描述

一个声明变量给 null 值，里面存的值为空（学习对象时，我们继续研究 null )

var m  = null;
console.log (m); // null
console.log ('阿牛'+ m);//阿牛null 
console.log (11+m); // 11
console.log (true + m); // 1

在这里插入图片描述

结语

今天的知识就总结到这里，下篇带来js中的数据类型转换。
上篇看这里：JavaScript入门初体验书写方式

以上就是javascript数据类型基础示例教程的详细内容，更多关于javascript数据类型基础的资料请关注编程网其它相关文章！

--结束END--

本文标题: javascript数据类型基础示例教程

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

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

猜你喜欢
  • javascript数据类型基础示例教程
    目录js中的输入输出语句js中的注释js中声名变量1、 js中用关键字var声明一个变量2、声明变量特殊情况3、变量命名规范js中的基本数据类型数字型 Number布尔值类型 Boo...
    99+
    2024-04-02
  • javascript基础数据类型转换教程示例
    目录数值型转换为字符串类型字符串类型转换为数值型转换为布尔型结语数值型转换为字符串类型 方式说明案例toString()转成字符串var num =1; alert ( num.to...
    99+
    2024-04-02
  • JavaScript基础之数据类型的示例分析
    这篇文章主要为大家展示了“JavaScript基础之数据类型的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“JavaScript基础之数据类型的示例分析...
    99+
    2024-04-02
  • javascript数据类型基础示例代码分析
    这篇文章主要讲解了“javascript数据类型基础示例代码分析”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“javascript数据类型基础示例代码分析”吧！js中的输入输出语句方法说明归...
    99+
    2023-06-29
  • javascript基础数据类型转换的示例分析
    这篇文章给大家分享的是有关javascript基础数据类型转换的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。数值型转换为字符串类型方式说明案例toString()转成字符串var num =1; ale...
    99+
    2023-06-29
  • Kotlin基础教程之数据类型
    Kotlin基础教程之数据类型一切都是对象.在Kotlin中一切都是对象.Kotlin有一些基本类型Boolean,Byte,Shot,Int,Long,Float,Double在Kotlin中没有原始类型,以上这些类型都是对象,比如运行结...
    99+
    2023-05-31
    kotlin 教程 数据类型
  • MySQL基础教程1 —— 数据类型之数值类型
    MySQL支持所有标准SQL数值数据类型。这些类型包括严格数值数据类型(INTEGER、SMALLINT、DECIMAL和NUMERIC)，以及近似数值数据类型(FLOAT、REAL和DOUBLE PRECISI...
    99+
    2022-05-31
    MySQL SQL 数值 数据类型 整型 浮点型
  • Verilog语言数据类型基础教程
    目录线网（wire）寄存器（reg）向量整数，实数，时间寄存器变量数组存储器参数字符串线网（wire） Verilog 最常用的 2 种数据类型就是线网（wire）与寄存器（reg...
    99+
    2023-05-15
    Verilog数据类型 Verilog 基础教程
  • TypeScript基础class类教程示例
    目录class 类示例构造函数继承class 类 类是面向对象语言的程序设计中的概念，是面向对象编程的基础。 类是创建对象的模板,是对现实生活中一类具有共同特征的事物的抽象 类的内部...
    99+
    2024-04-02
  • Javascript基础之类型的示例分析
    这篇文章主要介绍了Javascript基础之类型的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。基本类型　　Javascript有5...
    99+
    2024-04-02
  • MySQL基础教程3 —— 数据类型之字符串类型
    字符串类型指CHAR、VARCHAR、BINARY、VARBINARY、BLOB、TEXT、ENUM和SET。该节描述了这些类型如何工作以及如何在查询中使用这些类型。 1. CHAR和VARCHAR类型 CHAR和V...
    99+
    2022-05-28
    enum MySQL set varchar 字符串 数据类型
  • Python基础学习教程：Python基础之基本数据类型（一）
    Python基础学习教程：Python基础之基本数据类型（一）...
    99+
    2023-06-02
  • javascript基础之数据类型详解
    目录1.数据类型1.1 为什么需要数据类型1.2 变量的数据类型1.3 数据类型分类2. 简单数据类型（基本数据类型）2.1 数字型Number1. 数字型进制2.数字型范围2.2 ...
    99+
    2024-04-02
  • JavaScript基础语法与数据类型实例分析
    这篇文章主要讲解了“JavaScript基础语法与数据类型实例分析”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JavaScript基础语法与数据类型实例分析”吧！一、JavaScript语...
    99+
    2023-06-29
  • 基础数据类型
    计算机处理不同的数据需要定义不同的数据类型。改变数字数据类型的值，意味着要重新分配内存空间用来存储新的数值。 int，整数包含正整数和负整数，32位和64位系统的取值范围不同。32位系统的取值范围：-2**31 ~ 2**31-164位系...
    99+
    2023-01-30
    数据类型 基础
  • MySql数据类型教程示例详解
    目录1.简要概述2. MySQL数据类型详解1） 字符串类型2） 整数类型3）浮点数类型4）日期/时间类型1.简要概述 为什么要开通MySQL这个学习板块呢？因为这是一名数据分析师必...
    99+
    2024-04-02
  • python基础教程之五种数据类型详解
    Python 五种数据类型 在学习一门语言的过程中，首先肯定就是要先接触到它所拥有的数据类型，Python拥有五种主要的数据类型，下面介绍一下我对这五种数据类型的理解和想法。 1.数 在Python中的数...
    99+
    2022-06-04
    五种 详解 数据类型
  • MySQL基础教程2 —— 数据类型之日期和时间类型
    表示时间值的DATE和时间类型为DATETIME、DATE、TIMESTAMP、TIME和YEAR。每个时间类型有一个有效值范围和一个“零”值，当指定不合法的MySQL不能表示的值时使用“零”值。TIMESTAMP类...
    99+
    2022-05-24
    MySQL 数据类型 日期时间
  • TypeScript类型系统自定义数据类型教程示例
    目录TypeScript 类型系统和自定义数据类型什么是类型系统函数类型类型别名可选参数默认参数函数重载接口类型可选属性只读属性接口扩展多重接口声明接口的索引签名用接口描述函数类类型...
    99+
    2022-11-16
    TypeScript自定义数据类型 TypeScript类型系统
  • MySQL基础数据类型
    2020年4月27日 8:22 1、整型     类型： 字节大小 数值范围 Tinyint 1 有符号：-128~127 无符号： 0~255 smallint 2 有符号...
    99+
    2019-05-06
    MySQL基础数据类型
软考高级职称资格查询
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作