新人学习笔记之（数据）

一、数据类型简介
        1.为什么需要数据类型

                （1）在计算机中，不同的数据所需占用的储存空间数不同的，为了便于把数据分成所需内存大小不同的数据，充分利用储存空间，于是定义了不同的数据类型。

                （2）简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18 这些数据的类型是不一样的

        2.变量的数据类型

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

                （2）var age = 10; 这是一个数字型  var areyouok = '是的'; 这是一个字符串

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

                （4）Javascript拥有动态类型，同时也意味着相同的变量可用作不同的类型

                        1）var x = 6; x为数字 var x = 'bull'; x为字符串

        3.数据类型的分类

                （1）JS把数据类型分为两类

                        1）简单的数据类型（Number,String,Boolean,Undefined,Null）

                        2）复杂数据类型（object）

二、简单数据类型
        1.JavaScript中的简单数据类型及其说明如下

                （1）基本数据类型

简单数据类型说明默认值

Number

数字型，包含整型值和浮点型值，如20、0.210
Boolean布尔值类型，如true、false等于0和1false
string字符串类型，如“张三”注意JS里面，字符串都带引号“”

Undefined

var a;声明了变量a但没有给值，此时a=undefinedundefined
Nullvar a = null; 声明了变量a为空值nul
        2.数字型 

                （1）JavaScript数字类型即可以用来保存整数值，也可以保存小数（浮点数）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var num = 10; //整数 数字型var PI = 3.14; //小数 数字型</script>
</head>
<body></body>
</html>

                （2）数字型进制

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

                                1.八进制数字序列范围：0~7

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 八进制  0~7  我们程序里面数字前面加0  表示八进制var num = 07;console.log(num); // 7var num1 = 010;console.log(num1); // 010  八进制  转化为  10进制  就是  8var num2 = 013;console.log(num2); // 11</script>
</head><body></body></html>

                                2.十六进制数字序列范围：0~9以及A~F

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 十六进制  0 ~ 9 a~f  #ffffff  数字前面加 0x 表示16进制var num3 = 0x9console.log(num3);var num4 = 0xbconsole.log(num4);</script>
</head><body></body></html>

                                 3.现阶段我们只需要记住，在JS中八进制前面加0，十六进制前面加0x

                （3）数字型范围

                        1）JavaScript中数值的最大和最小值

                                1.最大值：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 数字型的最大值console.log(Number.MAX_VALUE);</script>
</head><body></body></html>

                                2.最小值：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 数字型的最小值console.log(Number.MIN_VALUE);</script>
</head><body></body></html>

                （4）数字型三个特殊值

                        1）infinity，代表无穷大，大于任何数值

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 无穷大console.log(Number.MAX_VALUE * 2); // Infinity 无穷大</script>
</head><body></body></html>

                        2）-infinity，代表无穷小，小于任何数值

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 无穷小console.log(-Number.MAX_VALUE * 2); // -Infinity 无穷小</script>
</head><body></body></html>

                        3）NaN，Not a number，代表一个非数值 

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 非数值console.log('ljh' - 100); // NaN</script>
</head><body></body></html>

                （5）isNaN

                        1）用来判断一个变量是否为非数字的类型，返回true或者flase

                                                isNaN（x）

                                                        x是数字、返回 false

                                                        x不是数字、返回 true

        3.字符串型String

                （1）字符串型可以是引号中的任意文本，其语法为双引号“”和单引号‘’

                （2）因为HTML标签里面的属性使用的是双引号，JS这里我们更推荐使用单引号

                （3）JS可以使用单引号嵌套双引号，或用双引号嵌套单引号（外双内单、外单内双）

                （4）字符串转义符

                        1）类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符

                        2）转义符都是\开头的，常用的转义符及其说明如下

转义符解释说明
\n换行符，n是newline的意思
\\斜杠\
\'' 单引号
\"" 双引号
\ttab缩进
\b空格，b是blank的意思

                （5）字符串长度

                        1）字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。

                （6）字符串拼接

                        1）多个字符串之间可以使用+进行拼接，其拼接方式为字符串+任何类型=拼接之后的新字符串

                        2）拼接前会把与字符串相加的热河类型转化成字符串，在拼接成一个新的字符串

                        3）+号总结口诀：数值相加，字符相连 

                （6）字符串拼接加强

                        1）我们经常会将字符串和变量来拼接，因为变量可以很方便地修改里面的值

                        2）变量是不能添加引号的，因为加引号的变量会变成字符串

                        3）如果变量两侧都有字符串拼接，口诀“引引加加”，删掉数字，变量写加中间

        4.布尔型Boolean

                （1）布尔类型有两个值：true和false，其中true表示真（对），而false表示假（错）。

                （2）布尔类型和数字型想家的时候，true的值为1，false的值为0。

        5.Undefined和Null

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

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

三、获取变量数据
        1.typeof可用来获取检测变量的数据类型
        2.字面量

                （1）字面量是在源代码中一个固定值的表示法，通俗来说，就是字面量表示如何表达这个值。

                        1）数字字面量：8，9，10

                        2）字符串字面量：‘ljh’ “hsl”

                        3）布尔值字面量：true、false

四、数据类型转换
        1.什么是数据类型转换

                （1）使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型，通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。

                （2）我们通常会实现3种方法的转换

                        1）转化为字符串类型

                        2）转化为数字型

                        3）转化为布尔型

        2.转化为字符串

                （1）

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

、

                （2）toString()和String使用方式不一样。

                （3）三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种也称之为隐式转换。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. 把数字型转化为字符串型 变量.toString()var num = 586;var str = num.toString();console.log(str);console.log(typeof str);// 2. 我们利用 String(变量)console.log(String(num));// 3. 利用 + 拼接字符串的方法实现转化效果  隐式转换console.log(num + '');</script>
</head>
<body></body>
</html>
        3.转化为数字型（重点）

                （1）

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

                                1）注意parseInt和parseFloat单词的大小写

                                2）隐式转换是我们在进行算数运算的时候，JS自动转换了数据类型

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var age = prompt('请输入你的年龄');// 1. parseInt (变量) 可以把 字符型的转化为数字型的 得到的是整数console.log(parseInt(age));console.log(parseInt('3.14')); // 3 取整数console.log(parseInt('120px')); // 120 会去掉后面的pxconsole.log(parseInt('rem120px')); // NaN 转化为数字型前面不能有字母// 2. parseFloat (变量) 可以把 字符型的转化为数字型 得到小数 浮点数console.log(parseFloat('3.14')); // 3.14console.log(parseFloat('120px')); // 120 会去掉后面的pxconsole.log(parseFloat('rem120px')); // NaN 转化为数字型前面不能有字母// 3. 利用Number(变量)var str = '704';console.log(Number(str));console.log(Number('7.4'));// 4.利用了算数运算 - / * 隐式转换var str1 = '586'console.log(str1 - 0);console.log('999' * 1);console.log('666' / 1);</script>
</head>
<body></body>
</html>
         4.转换为布尔型

                （1）

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

                （2）代表空、否定的值会被转换为false，如"、0、NaN、null、undefined

                （3）其余值都会被转换为true、

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>console.log(Boolean('')); // falseconsole.log(Boolean(NaN)); // falseconsole.log(Boolean(0)); // falseconsole.log(Boolean(undefined)); // falseconsole.log(Boolean(null)); // falseconsole.log('---------------------');console.log(Boolean(123)); // trueconsole.log(Boolean('ljh')); // true</script>
</head>
<body></body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/842306.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

集智书童 | YOLOv10开源｜清华用端到端YOLOv10在速度精度上都生吃YOLOv8和YOLOv9

集智书童 | YOLOv10开源｜清华用端到端YOLOv10在速度精度上都生吃YOLOv8和YOLOv9

本文来源公众号“集智书童”&#xff0c;仅用于学术分享&#xff0c;侵权删&#xff0c;干货满满。 原文链接&#xff1a;YOLOv10开源&#xff5c;清华用端到端YOLOv10在速度精度上都生吃YOLOv8和YOLOv9 在过去几年中&#xff0c;YOLO系列模型已成为实时目标检测领域的主导范式…
阅读更多...
生产订单工序新增BAPI:CO_SE_PRODORD_OPR_CREATE增强

生产订单工序新增BAPI:CO_SE_PRODORD_OPR_CREATE增强

背景&#xff1a; 创建生产订单工序时需要通过BAPI来维护圈起来的字段&#xff0c;但是BAPI不包含这些字段&#xff0c;所以对BAPI进行一些增强处理。 实现过程&#xff1a; 1.拷贝标准BAPI:CO_SE_PRODORD_OPR_CREATE至ZCO_SE_PRODORD_OPR_CREATE&#xff08;最好放在新的自定…
阅读更多...
在不同服务器之间、服务器与本地之间进行文件传输的方法

在不同服务器之间、服务器与本地之间进行文件传输的方法

1. 使用scp进行文件传输 scp是基于SSH的文件传输工具&#xff0c;适用于不同服务器之间、服务器与本地、本地与服务器之间的文件传输。 从本地传输文件到远程服务器 scp /path/to/local/file usernameremote_host:/path/to/remote/destination 从远程服务器传输文件到本地 …
阅读更多...
解决：java.util.concurrent.RejectedExecutionException

解决：java.util.concurrent.RejectedExecutionException

一 发现RejectedExecutionException错误 今天查看服务器的时候发现了一些java.util.concurrent.RejectedExecutionException错误&#xff0c;这个是由于线程池里的线程忙不过来报出的。如下图&#xff1a; 像这种 RejectedExecutionException 错误&#xff0c;表明在Java应…
阅读更多...
QT如何将生成的exe文件打包成安装包

QT如何将生成的exe文件打包成安装包

一、生成exe文件 1、生成exe文件 QT编译模式选择release&#xff0c;然后点击编译&#xff1a; 2、找到exe文件 在开发文件夹下找到build-xxxxxxx-Release文件夹里面找到exe文件 3、相关依赖dll文件查找 新建个空文件夹将exe文件拷贝进去&#xff1a; 然后找到如下程序…
阅读更多...
恒创科技：Linux 服务器和 Windows 服务器哪个更好？

恒创科技：Linux 服务器和 Windows 服务器哪个更好？

选择正确的服务器系统至关重要&#xff0c;目前广泛使用的选项是 Windows 服务器 和 Linux 服务器&#xff0c;它们各有优缺点。本文将比较 Linux 与 Windows 服务器&#xff0c;让我们来看看它们的主要区别&#xff0c;然后再决定哪种操作系统适合使用。 主要区别&#xff1a;…
阅读更多...
C++工具

C++工具

try catch和throw的使用 代码： #include <iostream> #include <math.h> #include <exception>class MyException : public _exception { private:/* data */ public:MyException(/* args */);~MyException(); };MyException::MyException(/* args */) { }…
阅读更多...
HTTP方法、状态码和请求过程

HTTP方法、状态码和请求过程

一、HTTP方法概念&#xff1a; HTTP客户端发出请求&#xff0c;告知服务端需要执行不同类型的请求命令&#xff0c;这些命令被称为HTTP方法。 简说:HTTP方法是告诉服务器要做什么。 1、GET方法&#xff1a;获取资源 作用&#xff1a; ①通常用于请求服务器发送某个资源&am…
阅读更多...
Tensors张量操作

Tensors张量操作

定义Tensor 下面是一个常见的tensor&#xff0c;包含了里面的数值&#xff0c;属性&#xff0c;以及存储位置 tensor([[0.3565&#xff0c;0.1826&#xff0c;0.6719],[0.6695&#xff0c;0.5364&#xff0c;0.7057]]&#xff0c;dtypetorch.float32,devicecuda:0)Tensor的属…
阅读更多...
Bootstrap5

Bootstrap5

Bootstrap 5 是 Bootstrap 框架的最新版本&#xff0c;这是一个广受欢迎且功能强大的开源前端开发框架&#xff0c;专为快速构建响应式和移动优先的网站而设计。Bootstrap 由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 创建&#xff0c;它以 HTML、CSS 和 JavaScript 为基…
阅读更多...
arthas笔记

arthas笔记

arthas使用参考arthas文档 sc -d 类名 获取到类加载器哈希 sc -d com.test.service.TestServiceImpl 得到&#xff1a; xxxxxxxxxxxxxxxxxx xxxxxxxxxxxx classLoaderHash 18b4aac2根据类加载器调用bean方法 vmtool --action getInstances -c 18b4aac2 --className org.spri…
阅读更多...
Sass的优缺点

Sass的优缺点

Sass&#xff08;Syntactically Awesome Stylesheets&#xff09;是一种流行的CSS预处理器&#xff0c;它提供了一系列强大的功能&#xff0c;使得样式表的编写和维护更加高效和灵活。以下是Sass的优点和缺点&#xff1a; 优点&#xff1a; 提高可维护性&#xff1a;Sass的模…
阅读更多...
【uniapp】uniapp基本介绍

【uniapp】uniapp基本介绍

目录 介绍体验uni-app优势功能框架图 uni-app组成和跨端原理基本语言和开发规范 编译器运行时&#xff08;runtime&#xff09;uni-app runtime包括3部分&#xff1a;基础框架、组件、API基础框架&#xff1a;组件&#xff1a;组件的扩展&#xff1a; API&#xff1a; 逻辑层和…
阅读更多...
vue2的方法与监听

vue2的方法与监听

vue2的方法 不可以使用箭头函数 <template> <div><div>{{sum2()}}</div><button click"add">add</button> </div></template><script> export default {data(){return{name:"张三",num:20,num2:3…
阅读更多...
Android 关于pm的用法

Android 关于pm的用法

1 定义 Package Manager (pm)&#xff1a;用于安装、卸载、查询应用程序包信息等操作的命令行工具。 2 使用 2.1 安装应用程序 pm install /path/to/apkfile.apk2.2 卸载应用程序 pm install /path/to/apkfile.apk2.3 查询应用程序信息 pm list packages [-f] [-d] [-e] …
阅读更多...
基于形态学滤波的心电信号ECG处理（MATLAB 2021B）

基于形态学滤波的心电信号ECG处理（MATLAB 2021B）

数学形态学简称形态学&#xff0c;在数学意义上&#xff0c;其基于集合理论、积分几何和网格代数&#xff0c;是一门严格建立在数学基础之上的学科&#xff0c;着重用来研究图像的几何结构和形状&#xff0c;因而称之为形态学。其基本思想是用结构元素对待分析图像进行“探测”…
阅读更多...
机器人回调接口完善

机器人回调接口完善

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注微信公众号&#xff1a;雄雄的小课堂。 免责声明&#xff1a;该工具仅供学习使用&#xff0c;禁止使用该工具从事违法活动&#xff0c;否则永久拉黑封禁账号&#xff01;&#xff01;&#xff01;本人不对任何工具的使用负责&am…
阅读更多...
计算机类主题会议推荐之——ACAIB 2024

计算机类主题会议推荐之——ACAIB 2024

【北方民族大学40 周年校庆学术活动】 第四届自动化控制、算法与智能仿生学术会议(ACAIB 2024) 2024年6月7-9日 中国银川 往届均已见刊检索 EI、SCOPUS双检索 基本信息 会议官网&#xff1a;www.acaib.org 最终截稿时间&#xff1a;2024年6月3日晚23&#xff1a;…
阅读更多...
网络编程——大端序小端序

网络编程——大端序小端序

网络编程——大端序小端序 大端序&#xff08;Big Endian&#xff09;和小端序&#xff08;Little Endian&#xff09;1. 大端序&#xff08;Big Endian&#xff09;2. 小端序&#xff08;Little Endian&#xff09;3. 举例说明4. 使用场景5. 转换 网络协议中的网络字节序原因具…
阅读更多...
Mac 电脑给android手机传输文件提示 No android device found

Mac 电脑给android手机传输文件提示 No android device found

在开发过程中&#xff0c;我们有时候会有在电脑和手机之间传输文件的需求。 Mac电脑给android手机传输文件并不是很方便。 Google 官方提供了一个软件叫Android File Transfer&#xff0c;这个软件免费且好用。 Android File Transfer下载地址 但是使用过程中会遇到一些问题…
阅读更多...
最新文章

Copyright @ 2022~2023