JS变量与数据类型

最新推荐文章于 2024-08-22 14:32:34 发布

@blank

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量113

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_48203577/article/details/129770558

版权

本文介绍了JS中的变量使用，包括声明、赋值，以及var、const、let的区别。接着讲解了数据类型的概念，JS的动态类型特性，以及简单的数据类型（Number,String,Boolean,Undefined,Null）和复杂数据类型（Object）。还提供了变量命名规范及数据类型转换的方法，例如parseInt、parseFloat和toString等，并通过实例展示了如何应用这些知识。

摘要由CSDN通过智能技术生成

一：JS变量

变量概述

本质：变量市程序在内存中申请的一块用来存放数据的空间。用于存放数据的盒子，我们通过变量名获取数据、修改数据。

变量使用

变量的使用分为两步：1.声明变量。2.赋值。

var x;//声明一个名为age的变量
x=1;//给变量赋值
var age=1；//声明变量并初始化

var 声明全局变量的关键字，const 声明常量，let 声明局部变量的关键字

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var name='九月';
        var address='云景市盲砀村';
        var age=300;
        var email='10010@qq.com';
        var gz=200;
        console.log(name);
        console.log(address);
        console.log(age);
        console.log(email);
        console.log(gz);
    </script>
</head>
<body>
</body>
</html>

案例1：

1.弹出一个输入框，提示用户输入姓名。2。弹出一个对话框，输出用户刚才输入的姓名。

变量语法扩展

        var name;
        name=prompt('请输入你的名字');
        alert(name);

案例2：

计算两个数的值，用户输入第一个值后，继续弹出第二个输入框并输入第二个值，最后通过弹窗显示两次输入值相加的结果。

 var num1=prompt('请输入第一个数');
 var num2=prompt('请输入第二个数');
 alert(num1+'+'+num2+'='+parseFloat(num1)+parseFloat(num2));

变量命名规范：由0-9，a-zA-Z，_,$组成，首字母不能是数字，严格区分大小写，不能是关键字和保留字，要起到见名知意的效果。

二：JS数据类型

数据类型作用：在计算机中，不同数据所占用的存储空间是不同的，为了便于把数据分成所需要的内存大小不同的数据，充分利用存储空间，于是有了数据类型。

在JS是一种弱类型或者说是动态语言，这意味着不用提前声明变量，在程序运行的过程中，类型会被自动定义。由JS引擎根据=右边的变量值的数据类型来判定的，待程序运行完毕后，变量就确定了数据类型，并且变量的类型可以根据不同的数据类型赋值来变换。

数据类型的分类

简单数据类型（Number，String，Boolean，Undefined，Null）
复杂数据类型（object）

数字型的最大值：Number.MAX_VALUE

数字型的最小值：Number.MIN_VALUE

isNaN(变量)：用于判断非数字，并返回一个值，如果是数字返回false，不是返回true。

字符串型引号中可以为任意文本，单双引号都行。

1.字符串引号嵌套规则

单引号里嵌套双引号，或者双引号里嵌套单引号

2.字符串转义符

转义符解释
\n 换行符
\\
斜杆\

\' 单引号
\" 双引号
\t tab缩进
\b 空格

3.字符串长度。

通过字符串的属性值length可以得到字符串长：字符串名.length。

4.字符串的拼接+

+号可以将多个字符串拼接在一起，只要有字符串类型的进行+操作，最终拼接出的都是字符串。

案例：显示年龄

弹出一个输入框，需要用户输入年龄，之后弹出一个警示框显示“你已经XX岁了”；

 var age=prompt("请输入你的年龄");
       alert('你已经'+age+'岁了');

Undefined:声明后没被赋值的变量会有一个默认值undefined

null:空值

typeof:用于检测变量数据类型用法：typeof 变量名

数据类型转换

转换为字符串类型

方式	说明	案例
toString()	转成字符串	var num=1;alert(num.toString());
String()强制转换	转成字符串	var num=1;alert(String(num));
加号拼接字符串	和字符串拼接的结果都是字符串	var num=1;alert(num+"我是字符串")

转换为数字型

方式	说明	案例
parseInt(string)函数	将String类型转化成字符串类型	parseInt('78')
parseFloat(string)函数	将String类型转化成浮点数值类型	parseFloat('78.21')
Number()强制转化函数	将string类型转化为数值型	Number('12')
js隐式转换	利用算术运算隐式转换为数值型	'12'-0

案例：计算年龄

要求在页面中弹出一个输入框，输入出生年份，能计算出我们的年龄。

 var birthyear=prompt("请输入你的出生年份");
 alert('你的年龄是'+(2023-parseInt(birthyear)));

转换为布尔型

方式	说明	案例
Boolean()	其它类型转成布尔值	Boolean('true');

代表空、否定的值会转化为false，如'',0,NaN,null,undefined，其余值转化为true。

关键字：指js本身已经使用了的字，不能在充当变量名，方法名。

保留字：实际是预留的关键字，虽然现在不用，但以后可能要用，不能在充当变量名，方法名。

@blank

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS变量与数据类型

JS变量与数据类型学习记录
复制链接

扫一扫

转义符	解释
\n	换行符
\\	斜杆\
\'	单引号
\"	双引号
\t	tab缩进
\b	空格