javascript笔记

最新推荐文章于 2023-04-14 10:35:08 发布
最新推荐文章于 2023-04-14 10:35:08 发布
阅读量64 收藏
点赞数
分类专栏： web 前端 文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zsj112330/article/details/127308640
版权
前端 同时被 2 个专栏收录
22 篇文章 0 订阅
订阅专栏
web
21 篇文章 0 订阅
订阅专栏

## 1.number类型

- number数值类型：整数、小数、负数、16进制、8进制、NaN

```js

<script>

        //number数值类型：整数、小数、负数、16进制、8进制、NaN

        // 1.整数

        var a = 10;

        console.log(typeof (a));//number

        // 2.小数

        var b = 3.1415926;

        console.log(typeof (b));//number

        var d = .5;

        console.log(d, typeof (d));//0.5  number

        var e = 5.0;

        console.log(e);//5

        // 3.负数

        var c = -10;

        console.log(typeof (c));//number

        // 4.NaN    not a number 不是一个数  当运算没有结果的时候就是NaN

        var x = NaN;

        console.log(typeof (x));//number

        var y = 10 / "你好";

        console.log(y);//NaN

        // 注意：任何两个NaN都不相等  == 判断左右两侧是否相等

        console.log(NaN == NaN);//false

        //------------------------了解-------------------

        // 浏览器是显示10进制的数据  如果定义的8进制或者16进制  计算机会自动转成10进制

        //5.8进制数：以0开头 范围在0-7之间

        var x1 = 077;

        console.log(x1);//63

        var x2 = 0566;

        console.log(x2);

        // 6.16进制数据：以0x开头 范围在0-9  a-10 b-11 c-12 d-13 e-14 f-15

        var x3 = 0xff;

        console.log(x3);//255

        // 7.精度缺失 0.1+0.2 == 0.3

        // 计算机在运算的时候，会把数转换二进制数据然后再进行计算 计算结果再转成10进制 转换过程中会造成精度缺少

        console.log(0.1 + 0.2 == 0.3);//false  只要不把小数点计算当成判断条件 是不会影响代码执行的

    </script>

```

- ==NaN   not a number 不是一个数  当运算没有结果的时候就是NaN==

```js

        // 4.NaN    not a number 不是一个数  当运算没有结果的时候就是NaN

        var x = NaN;

        console.log(typeof (x));//number

        var y = 10 / "你好";

        console.log(y);//NaN

        // 注意：任何两个NaN都不相等  == 判断左右两侧是否相等

        console.log(NaN == NaN);//false

```

## 2.string类型

- string字符串类型：引号( " "   ' ')引起来的都是字符串  所有从页面获取的内容都是字符串数据类型

  - 字符串.length：获取字符串的长度  

  - 字符串[下标]：.获取字符串中某个字符  

  - 字符串.charAt(下标)：获取字符串某个字符  

```html

 <script>

        // string类型  引号( " "   ' ')引起来的都是字符串  所有从页面获取的内容都是字符串数据类型

        var str1 = '文字';

        var str2 = "文字1234";

        console.log(typeof str1);//string

        console.log(typeof str2);//string

        // 1.获取字符串的长度  字符串.length

        console.log(str1.length);//2

        console.log(str2.length);//6

        // 2.获取字符串中某个字符  字符串[下标] 从左往右开始下标从0开始  取对应下标位置的字符

        console.log(str1[1]);//字

        console.log(str2[4]);//3

        // 3.获取字符串某个字符   字符串.charAt(下标)  获取对应下标位置的字符

        console.log(str1.charAt(0));//文

        console.log(str2.charAt(5));//4

        // 4.字符串遇到+  拼接

        console.log(1 + 1);//2

        console.log("1" + 1);//"11"

        console.log(1 + 2 + "1");//"31"

</script>

```

## 3.boolean类型

- boolean布尔类型  true和false

```html

<script>

        var b1 = true;

        var b2 = false;

        console.log(typeof b1, typeof b2);//boolean boolean

        //作用：用作判断条件

        if (false) {//如果判断条件为true 执行{}中的代码

            console.log("真")；

        }

    </script>

```

## 4.undefined和null类型

- undefined 未定义   null 空对象

```js

<script>

        /*

            undefined

                 未定义  你去快递站拿快递  但快递站没有你的包裹  

            null

                 空对象  你去快递站拿快递  快递员给了一个包裹 但是这个包裹是空的

        */

        var odiv = document.getElementsByTagName("div")[0];

        console.log(odiv);//undefined

        /*

            undefined 和null的区别？

                undefined 未定义  声明变量没有赋值  没有存储空间

                null    空对象   有存储空间

        */

    </script>

```

- 面试题  undefined和null的区别

```js

undefined 未定义  声明变量没有赋值  没有存储空间

null    空对象   有存储空间

```

## 5.数据类型的转换

- 将一种数据类型转成另一种数据类型

  - 强制转换(程序员通过某些方法实现转换)

  - 隐式转换(计算机自动转换为其他数据类型)

### 5.1强制转换成number类型

- Number()    parseInt()   parseFloat()

#### 5.1.1Number强制转换

-  Number(要转换的数据):将数据转换为Number类型 如果转换不了则是返回NaN

```js

<script>

        /*

            Number(要转换的数据):将数据转换为Number类型 如果转换不了则是返回NaN

        */

        var n1 = 10;

        var n2 = false;

        var n3 = "10";

        var x = "10px";

        var y = "";

        var n4 = undefined;

        var n5 = null;

        console.log(Number(n1));//10

        console.log(Number(n2));//true-1  false-0

        console.log(Number(n3));//10

        console.log(Number(x));//NaN

        console.log(Number(y));//" "-0  ""-0

        console.log(Number(n4));//NaN

        console.log(Number(n5));//0

```

==总结：Number方法可以转换的：string类型(纯数字、""-0 " "-0)、boolean类型(true-1,false-0)、null(0) 其他都是NaN==

#### 5.1.2parseInt转换

-  parseInt(要转换的数据):将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始就不能转换则是NaN，结果取整(舍弃小数)

```html

 <script>

        /*

            parseInt(要转换的数据):针对string类型转换

                将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始就不能转换则是NaN，结果取整(舍弃小数)

        */

        console.log(parseInt("10"));//10

        console.log(parseInt("10px"));//10

        console.log(parseInt("10.5px"));//10

        console.log(parseInt("10.9px"));//10

        console.log(parseInt("px10.9px"));//NaN

    </script>

```

#### 5.1.3parseFloat转换

- parseFloat(要转换的数据)：将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始不能转换则是NaN，结果保留小数

```js

<script>

        /*

            parseFloat(要转换的数据)：将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始不能转换则是NaN，结果保留小数

        */

        console.log(parseFloat("10"));//10

        console.log(parseFloat("10.5px"));//10.5

        console.log(parseFloat("px10.5px"));//NaN

        console.log(parseFloat("10.5"));//10.5

    </script>

```

### 5.2强制转换为boolean类型

- Boolean(要转换的数据)：将数据类型强制转换为boolean类型 结果为true或者是false

```js

 <script>

        // number类型:非0即真  NaN也是false

        console.log(Boolean(1));//true

        console.log(Boolean(-10));//true

        console.log(Boolean(3.14));//true

        console.log(Boolean(0x7788));//true

        console.log(Boolean(0));//false

        console.log(Boolean(NaN));//false

        // string类型:有值即为真

        console.log(Boolean("10"));//true

        console.log(Boolean("098766*****"));//true

        console.log(Boolean(" "));//true

        console.log(Boolean(""));//false

        // null undefined

        console.log(Boolean(null));//false

        console.log(Boolean(undefined));//false

        /*

            总结:Boolean结果为false的有：0 NaN null undefined ""

        */

    </script>

```

==总结:Boolean结果为false的有：0 NaN null undefined ""==

### 5.3强制转换为string类型

- String()   要转换的数据.toString()

#### 5.3.1 String强制转换

- String(要转换的数据)：将数据转换string类型，直接是在数据外面加引号

```js

<script>

        console.log(String(1));//"1"

        console.log(String(NaN));//"NaN"

        console.log(String(null));//"null"

        console.log(String(undefined));//"null"

        console.log(String(true));//"true"

</script>

```



 

#### 5.3.2 toString强制转换

- 要转换的数据.toString: 强制转换为string类型

```js

 <script>

        /*

            1.要转换的数据.toString

                强制转换为string类型

        */

        var n = 1;

        console.log(n, n.toString());//"1"

        var b = true;

        console.log(b.toString());//"true"

        // null和undefined没有toString这个方法的

        var x = undefined;

        console.log(x.toString());//报错

    </script>

```



 

### 5.4其他小方法

- toFixed(n):保留n位小数

```js

<script>

        // 1.toFixed(n):保留n位小数

        var n = 3.1415926;

        console.log(n.toFixed(4));//3.1416

        var n1 = 0.1 * 0.7;

        console.log(n1, n1.toFixed(2));  

    </script>

```

- isNaN：is not a number   是不是  不是一个数字   false是数字  true不是一个数字

```js

       // 2.isNaN   is not a number   是不是  不是一个数字   false是数字  true不是一个数字

        console.log(isNaN(3));//false

        console.log(isNaN("文字"));//true

        // isNaN 判断之前会先调用Number方法进行强制转换 再来进行判断  Number(true)

        console.log(isNaN(true));//false

        console.log(isNaN(""));//false

```

## 6.运算符和表达式

- 运算符：连接一个以上的操作符中间的符号

- 表达式：由操作数和运算符组成的式子

```js

10 + 20  var a = 10

+运算符   10 20操作数   表达式  10 + 20

```

- 运算符的分类

  - 算术运算符  + - *  / %(取余 取模) ++ --

  - 赋值运算符 =  +=  -=  *=   /=  %=

  - 逻辑运算符

  - 比较运算符

  - 三目运算符

- 表达式的分类：算术表达式 赋值表达式  逻辑表达式  比较表达式  三目表达式

### 6.1算术运算符

- 算术运算符  + - *  / %(取余 取模) ++ --

```js

 <script>

        // 算术运算符  + - *  / %(取余 取模) ++ --

        console.log(10 + 2);//12

        console.log(10 - 2);//8

        console.log(10 * 2);//20

        console.log(10 / 2);//5

        console.log(10 % 2);//0

        console.log(11 % 2);//1

        // 特殊情况

        //1.精度缺少

        console.log(0.1 + 0.2);

        console.log(0.1 * 0.7);

        // 2.隐式转换：在运算过程中 数据自动进行转换

        // 隐式转换的规律 都会转成number类型再进行计算

        console.log(100 * false);//0

        console.log("100" - 10);//90

        console.log(10 + null);// 10

        //字符串拼接+ 会拼接

        console.log("10" + 10); "1010"

    </script>

```

- 自增++和自减--

  - 基础用法

  ```js

  // ++ 自增 自加1   i++  ++i 都是自加1

          // 1.基础用法

          var a = 10;

          a++;//a = a+1

          console.log(a);//11

          ++a;//a = a+1

          console.log(a);//12

  ```

  - 参与运算

  ```js

A.悲伤荷包蛋
关注
专栏目录
不同数据类型之间的转换
weixin_43899008的博客
01-21 8914
数据类型转换之隐式转换、显示转换 一、隐式类型转换（标准转换） 1、算术转换 在混合类型的表达式中，以最宽的数据类型为目标转换类型，如： int a = 3; double b = 1.12; //表达式 a+b a被转换为double类型 2、赋值转换 直接赋值 一种类型的表达式赋值给另外一种类型的对象：将会转换为被赋值对象的类型，如：int a = 3; double b = 1.12; a = b;//b从double转换为int 类型 函数传参赋值 将一个表达式或者一个变量作为实参，传递给函
狂神说系列 JavaScript笔记
06-15
【狂神说系列 JavaScript笔记】是一份全面且深入的JavaScript学习资源，旨在帮助开发者和初学者深入理解这门广泛应用于Web开发的脚本语言。这份笔记涵盖了JavaScript的基础语法、核心概念以及高级特性，旨在构建一个...
数据类型的转换
LHTY15091813836的博客
10-13 403
parseFloat(要转换的数据)：将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始不能转换则是NaN，结果保留小数。parseInt(要转换的数据):将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始就不能转换则是NaN，结果取整(舍弃小数)parseFloat(要转换的数据)：将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始不能转换则是NaN，结果保留小数。
javascript强制转换详解
weixin_30646315的博客
10-14 98
转换成数值 Number函数强制转换成数值 数值->转换成原来的值 字符串->如果可以解析为数值，则转换成数值；否则转换成NaN或者0 true->1,falSe->0 undefined->NaN null->0 转换成整型 praSeInt() 转换成浮点型 praSeFloat() 注意 ...
JavaScript 强制类型转换
追求 进取
11-15 200
1. 使用强制类型转换可以访问特定值，即使它是另一种类型。ECMAScript 有三种强制类型转换 Boolean(value) 把给定值转换成 Boolean 类型 Number(value) 把给定值转换成 Number 类型（可以是整数或浮点数） String(value) 把给定值转换成 String 类型 [b]注意，用这三个函数的转换都是创建...
javascript的强制转换
weixin_58678797的博客
12-10 183
为什么要强制转换 所有通过输入框得到的数据 都是字符串 字符串加法 实现的是拼接 强制转换-number Number(数据); 可以null和布尔值以及字符串中的空字符、空格字符、纯数字字符, 其他的都会被转成NaN console.log(Number(true)); // 1 console.log(Number(false)); // 0 console.log(Number(null)); // 0 console.log(Number(undefined)); // NaN con
JavaScript笔记
11-14
这份笔记是对JavaScript基础知识的总结，内容丰富且覆盖了JavaScript编程的多个核心方面，适合初学者作为入门参考或对有经验的开发者作为复习材料。在实际使用JavaScript开发中，理解和掌握这些知识点是非常重要的，...
JavaScript的强行转换
通俗易懂
12-21 311
js中的变量是没有数据类型 但是变量的值有数据类型 数据类型 基本数据类型：number、string、boolean、null、undefined 引用数据类型：array、function、object 等等 typeof检测是数据类型有：number、string、boolean、undefined、object、function 强行转换 1.转换为字符串类型： 变量.toString...
JavaScript(7):强制类型转换-转换为Number
叫我铁头娃_的博客
03-11 656
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt; /* * 将其他的数据类型转换为Numb
javaSE--基础二(类型转换,运算符,if语句)
zhenyu93的博客
11-30 724
数据类型转换 1.隐式(自动)类型转换： 从数据类型小的到数据类型大的转换 byte < short, char< int < long < float < double 1)多种类型参与运算，小的数据类型会自动转换为大的数据类型 double a=3.14; int b=3; double c=a+b; 2)byte，short,char这三种之间不转换，在运算时会直接转换为int类型 byte x=3; byte y=4; int z=x+y;
数据类型之间转换
最新发布
A1107769594的博客
04-14 272
数据类型之间转换。
VC常用数据类型使用转换详解
cfly_7023的专栏
06-29 641
网上摘录，借花献佛：         VC常用数据类型使用转换详解                         作者：程佩君                   刚接触VC编程的朋友往往对许多数据类型的转换感到迷惑不解，本文将介绍一些常用数据类型的使用。         我们先定义一些常见类型变量借以说明         int   i   =   100;     long   l   =
数据类型的相互转换
Li13610030857的博客
07-28 246
将字符串转换成数字： 1、parseInt() 方法首先查看位置 0 处的字符（也就是该字符串的第一个字符），判断它是否是个有效数字；如果不是，该方法将返回 NaN，不再继续执行其他操作。但如果该字符是有效数字，该方法将查看位置 1 处的字符，进行同样的测试。这一过程将持续到发现非有效数字的字符为止，此时 parseInt() 将把该字符之前的字符串转换成数字，代码如图所示： 如果 “+”号两边的数据类型不是 number(数字)类型，则“+”号的作用为 “拼接” 而并非是 “相加”，代码如图所
string
xiongchuquan的专栏
04-21 498
字符数组转化成string类型 char ch [] = "ABCDEFG"; string str(ch);//也可string str = ch; 或者 char ch [] = "ABCDEFG"; string str; str = ch;//在原有基础上添加可以用str += ch; 将string类型转换为字符数组 char buf[10]; string str
js 字符串转换数字 详解
sam2007的专栏
04-01 4513
方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。 一些示例如下：parseInt("1234b
数据类型之间的互相转换
suchenyu的博客
05-02 837
------------------------数据类型之间的互相转换---------------------- /* 数据类型 之间的互相转换； 规则（背） 1，八种基本数据类型当中除布尔型之外的7种可以相互转换 2，小容量向大容量转换，为自动类型转换 byte<short<int<long<float<double char< char和short可以表示的种类数量相同
各种数据类型的相互转换
Scarlett_OHara的博客
03-04 473
1. QString转std::wstring std::wstring wstrConfigPath = strConfigPath.toStdWString(); 2.std::wstring转wchar_t* (wchar_t[]) wcscpy(strDriver,g_strConfigPath.c_str()); 3.在wchar_t*数据后面加上字符串 wcscat_s...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值