web学习笔记(十一)

目录

1.数据类型

1.1数据类型分类

(1)简单(基本)数据类型

(2)复杂(特殊)数据类型

 1.2判断数据类型的方法

(1)常规判断方法: 

(2)特殊判断方法(通用判定数据类型的方法):

2.数字型 Number

2.1常见的进制

2.2JavaScript中数值的最大和最小值

2.3数字型三个特殊值

2.4isNaN()

3.布尔型Boolean

4.字符串型 String

4.1字符串型语法

4.2字符串转义符

4.3 字符串长度

4.4 字符串拼接

4.5 字符串拼接加强

5.Undefined 和 Null

6.数据类型转换

6.1 什么是数据类型转换

6.2 转换为字符串

6.3 转换为数字型(重点)

6.4 转换为布尔型

补充:


1.数据类型

js是一门弱类型(声明变量时并不知道是什么数据类型,数据类型由赋值来决定)的语言或者动态语言(同一变量可以存在不同类型的值),在声明变量时没有确定数据类型,完全取决于赋值

1.1数据类型分类

(1)简单(基本)数据类型

  • 数值类型  (Number)    1  1.2  -2   3.12              
  • 字符串类型(String)  'hello'   "world"              
  • 布尔类型(Boolean)   true  false              
  • Undefined类型 :未定义      声明了变量,未赋值              
  • Null :空值      表示一个不存在的或无效的对象或地址

(2)复杂(特殊)数据类型

  •  object  --引用数据类型
  •  数组

  • 函数

  • 日期对象

  • 正则

 1.2判断数据类型的方法

(1)常规判断方法: 

       typeof 变量名(  typeof 也是运算符 ) 

        let b = 20;
        console.log(b, typeof b);

    数据类型的返回值为:   "number"   "string"   'boolean' 'undefined'   'object'   'function'    

(2)特殊判断方法(通用判定数据类型的方法):

         Object.prototype.toString.call(参数)    对象   原型对象  转为字符串  呼叫           

      

 console.log(Object.prototype.toString.call(12324));

      数据类型的返回值为: [object Number]   [object String]  [object Boolean] [object Undefined][object object ]   [object Null]          [object Function]

2.数字型 Number

JavaScript 数字类型既可以用来保存整数值,也可以保存小数(浮点数)。

2.1常见的进制

二进制、八进制(前面加0)、十进制、十六进制(前面加0x)。

// 1.八进制数字序列范围:0~7
var num1 = 07;  //对应十进制7	
var num3 = 011;//对应十进制9
// 2.十六进制数字序列范围:0~9以及A~F
var num = 0xA;

2.2JavaScript中数值的最大和最小值

  • 最大值:Number.MAX_VALUE,这个值为: 1.7976931348623157e+308
  • 最小值:Number.MIN_VALUE,这个值为:5e-324

2.3数字型三个特殊值

  • Infinity ,代表无穷大,大于任何数值
  • -Infinity ,代表无穷小,小于任何数值
  • NaN ,Not a number,代表一个非数值 这个值是一个number类型

2.4isNaN()

  • isNaN()用于检查其参数是否是非数字值,它是判断一个值能否被 Number() 合法地转化成数字
  • 参数值为 NaN 或字符串、对象、undefined等非数字值则返回 true, 否则返回 false。

3.布尔型Boolean

  • 布尔型只有两个值  true(真的)  false(假的)
  • 布尔型和数字型相加的时候, true 的值为 1 ,false 的值为 0。
console.log(true + 1);	// 2
console.log(false + 1); // 1

4.字符串型 String

4.1字符串型语法

  • 字符串型可以是引号中的任意文本,其语法为 双引号 "" 和 单引号''
  • 双引号和单引号都是原样输出, 可以进行嵌套  单套双或者双套单都可以    如果想双套双 单套单也可以,但得进行转义,用\来转义。
  • 因为 HTML 标签里面的属性使用的是双引号,JS 这里我们更推荐使用单引号。

4.2字符串转义符

 常见转义符有以下几种。

转义符

解释说明

\n

换行符,n 是 newline 的意思

\ \

斜杠 \

\'

' 单 引 号

\"

”双引号

\t

tab 缩 进

\b

空格 ,b 是 blank 的意思

4.3 字符串长度

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

let num1=10;
console.log(num1.length);

4.4 字符串拼接

  • 多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串
  • 拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串.
  • + 号总结口诀:数值相加 ,字符相连。

4.5 字符串拼接加强

  • 我们经常会将字符串和变量来拼接,因为变量可以很方便地修改里面的值
  • 变量是不能添加引号的,因为加引号的变量会变成字符串
  • 如果变量两侧都有字符串拼接,口诀“引引加加 ”,删掉数字,变量写加中间
    console.log('亲爱的你们' + 18); // 只要有字符就会相连
    var age = 18;
    // console.log(亲爱的你们 age 岁 啦 '); // 这样不行的
    console.log('亲爱的你们 ' + age);// 亲爱的你们18
     console.log('亲爱的你们' + age + '岁啦');// 亲爱的你们18岁啦

5.Undefined 和 Null

  • Undefined表示未定义的(声明了,但未赋值)  
    var variable; 
    console.log(variable);// undefined
    console.log('你好' + variable);// 你好undefined
    console.log(11 + variable);// NaN
    console.log(true + variable);//NaN
  • Null表示空值   
    var vari = null;
     console.log('你好' + vari);  // 你好null
      console.log(11 + vari);// 11
    console.log(true + vari);// 1

6.数据类型转换

6.1 什么是数据类型转换

        数据类型转换就是把一种数据类型的变量转换成另外一种数据类型,下面将会详细介绍我们常用的三种数据类型转换。                       

6.2 转换为字符串

  • toString() 和 String() 使用方式不一样  ,String(参数)------所有的都能转 ,参数.toString() --------null和undefined没有此方法。
  • 三种转换方式,我们更喜欢用第三种加号拼接字符串转换方式, 这一种方式也称之为隐式转换,隐式转换是我们在进行算数运算的时候拼接一个空串,JS就会 自动转换数据类型, eg:   1223+''。  
  • 隐式转换   在纯数字的字符串前面写上+  或者*1    、1   %1   -0  (其实都等于没对字符串做操作,乘除减都可以,加号不行,只能放在最前面。)
         let num1=prompt('请输入一个数字');
           console.log(+num1,typeof num1);
           console.log(num1*1,typeof num1);
           console.log(num1/1,typeof num1);
           console.log(num1-0,typeof num1);

6.3 转换为数字型(重点)

  •  Number(参数)        除了字符串 其他都转成NaN或0。
  • 字符串转数字 '' (转成后值为0)
  •  '   '(转成后值为0)      
  • '1243swquiehd'(转换后值为NaN-----不是一个数)  
  • '1245'(转换后值为1245)
  • 布尔转数字    true(转换后值为1)  false(转换后值为0)
  • null(转换后值为0)    undefined(转换后值为0)

  • parseInt(string)函数和parseFloat(string)函数在转换时除了下面图片上的三种转换,其他都转换为NaN.          

6.4 转换为布尔型

  • 代表空、否定的值会被转换为 false ,如 ''、0、NaN、null、undefined 、false。 其余值都会被转换为 true

补充:

  • 不同数据类型的数据在控制台输出的颜色不一样。        
let d=12;
console.log(d,typeof d);
  •  两个以上的typeof检测数据类型返回值全是string类型。 
  •   .toFixde(n)   保留几位小数  
            let b;
            b=30.12211324;
            console.log(b.toFixed(4));

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

用判断对齐大语言模型

1、写作动机: 目前的从反馈中学习方法仅仅使用判断来促使LLMs产生更好的响应,然后将其作为新的示范用于监督训练。这种对判断的间接利用受到无法从错误中学习的限制,这是从反馈中学习的核心精神,并受到LLMs的改进能力的制约。 2…

html5实现好看的个人博客模板源码

文章目录 1.设计来源1.1 主界面1.2 认识我界面1.3 我的文章界面1.4 我的模板界面1.5 文章内容界面 2.结构和源码2.1 目录结构2.2 源代码 源码下载 作者:xcLeigh 文章地址:https://blog.csdn.net/weixin_43151418/article/details/135368653 html5实现好看…

rust sqlx包(数据库相关)使用方法+问题解决

可以操作pgsql、mysql、mssql、sqlite 异步的,性能应该不错,具体使用有几个坑 除了sqlx库,还有对于具体数据库的库,比如postgres库 演示以pgsql为例,更新时间2024.1.6 官方github: sqlx github rust官方文档&#xff1…

c语言结构体学习

文章目录 前言一、结构体的声明1,什么叫结构体?2,结构体的类型3,结构体变量的创建和初始化4,结构体的类型5,结构体的初始化 二、结构体的访问1,结构体成员的点操作符访问2,结构体体成员的指针访问 三、结构…

网络连接 UDP2,UDP Connect, bind, send, recieve认知, -入门8

LWIP编程接口有RAW, NETCONN, SOCKET 2.UDP函数的理解 #define UDP_SERVER_PORT 8000 //PC side #define UDP_CLIENT_PORT 1234 // ctrl board side //PC IP address #define DEST_IP_ADDR0 192 #define DEST_IP_ADDR1 168 #define DEST_IP_ADDR2 3 #define DEST_IP_ADDR3 11…

如何安装和使用夜神模拟器连接Android Studio

目录 简介 一、安装 二、使用 三、更多资源 简介 夜神模拟器是一款在Windows平台上运行的Android模拟器软件。它能够模拟Android操作系统环境,让用户在电脑上轻松体验Android应用程序。夜神模拟器的功能强大,可以满足各种需求,无论是娱乐…

实现pytorch版的mobileNetV1

mobileNet具体细节,在前面已做了分析记录:轻量化网络-MobileNet系列-CSDN博客 这里是根据网络结构,搭建模型,用于图像分类任务。 1. 网络结构和基本组件 2. 搭建组件 (1)普通的卷积组件:CBL …

大模型学习第一课

学习目标: 大模型开源体系 学习内容: 大模型简述大模型性能开源体系 学习时间: 周四上午 10点 学习记录: 大模型简述 大模型是发展通用人工智能的重要途经专用模型到通用大模型实验室开源历程,大模型系列7B-20B-12…

k8s实践(14)--scheduler调度器和pod调度策略

一、scheduler调度器 1、kube-scheduler简介 k8s实践(10) -- Kubernetes集群运行原理详解 介绍过kube-scheduler。 kube-scheduler是运行在master节点上,其主要作用是负责资源的调度(Pod调度),通过API Server的Watch接口监听新建…

C++中的new和delete

相关文章 C智能指针 文章目录 相关文章前言一、new 运算符1. operator new 函数的范围2. 在类中重载new运算符3. 分配失败 二、delete 运算符1. 内存泄露统计示例2. 在类中重载delete运算符 总结 前言 在C中,new和delete是用于动态内存管理的运算符,它们…

Halcon计算一个区域的最大内接圆 inner_circle

Halcon计算一个区域的最大内接圆 该算子用于计算一个区域的最大内接圆,其原型如下: inner_circle(Regions : :: Row, Column, Radius)参数1:Regions 表示输入的区域。 参数2和3:Row、Column为输出参数,表示最大内接圆…

面试经典题---6.Z字形变换

6.Z字形变换 我的解法: 首先定义了3个变量:index、add和step。 index:当前处理字符在原字符串中的下标;add:Z字形中相邻两个字符在原字符串中的下标之差(非固定值,值随着行的改变会发生变化&am…

Linux 上 Nginx 配置访问 web 服务器及配置 https 访问配置过程记录

目录 一、前言说明二、配置思路三、开始修改配置四、结尾 一、前言说明 最近自己搭建了个 Blog 网站,想把网站部署到服务器上面,本文记录一下搭建过程中 Nginx 配置请求转发的过程。 二、配置思路 web项目已经在服务器上面运行起来了,运行的端…

EtherCAT主站SOEM -- 13 --Qt-Soem通过界面按键控制 EtherCAT IO模块的io输出

EtherCAT主站SOEM -- 13 --Qt-Soem通过界面按键控制 EtherCAT IO模块的io输出 一 mainwindow.c 文件函数:1.1 自定义PDO配置2.2 主站初始化2.3 去motrorcontrol界面二 motrorcontrol.c 文件三 allvalue.h 文件该文档修改记录:总结一 mainwindow.c 文件函数: mainwindow主界…

性能分析与调优: Linux 性能分析60秒

目录 一、实验 1.环境 2.Linux性能分析60秒 一、实验 1.环境 (1)主机 表1-1 主机 主机架构组件IP备注prometheus 监测 系统 prometheus、node_exporter 192.168.204.18grafana监测GUIgrafana192.168.204.19agent 监测 主机 node_exporter192.168…

数据分析基础之《numpy(6)—IO操作与数据处理》

了解即可,用panads 一、numpy读取 1、问题 大多数数据并不是我们自己构造的,而是存在文件当中,需要我们用工具获取 但是numpy其实并不适合用来读取和处理数据,因此我们这里了解相关API,以及numpy不方便的地方即可 2…

java解析json复杂数据的两种思路

文章目录 一、原始需求二、简单分析三、具体实现一1. api接口2. 接口返回3. json 数据解析1.)引入Jackson库2.)定义实体3.)解析json字符串4.)运行结果 4. 过程分析 四、具体实现二1. 核心代码2.运行结果 五、方案比较六、源码传送…

python数据可视化之折线图案例讲解

学习完python基础知识点,终于来到了新的模块——数据可视化。 我理解的数据可视化是对大量的数据进行分析以更直观的形式展现出来。 今天我们用python数据可视化来实现一个2023年三大购物平台销售额比重的折线图。 准备工作:我们需要下载用于生成图表的第…

MySQL之视图外连接、内连接和子查询的使用

一、视图 1.1 含义 虚拟表,和普通表一样使用 1.2 操作 创建视图 create view 视图名 as 修改视图 方式一: create or replace view 视图名 as 【查看视图相关字段】 方式二: alter view 视图名 as 【查看的SQL语句】 查看视图 方式一&…

【算法笔记】深入理解dfs(两道dp题)

DFS过程的概述 一个一个节点的搜,如果是树状结构的话,先找到最左边那一条分支搜到最后一个节点,这个时候最后一个节点(假设是b)的数据会被更新(具体看题目的要求),然后返回到上一个…
最新文章