web学习笔记（十一）-阿里云开发者社区

1.数据类型

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

1.1数据类型分类

（1）基本（简单）数据类型(共五种)

数字类型 (Number): eg；1 1.2 -2 3.12
字符串类型（String） 'hello' "world"
布尔类型（Boolean） true false
Undefined类型：未定义声明了变量，未赋值
Null :空值表示一个不存在的或无效的对象或地址
ES6增加了一种基本数据类型：Symbol（一种类似字符串的数据类型，但是它的值是唯一的，不会与其他任何值相等）。

（2）引用（复杂）数据类型

object (自定义对象）
Array (数组对象)
Function（函数对象）
Date （日期对象）
RegExp（正则表达式）

1.2判断数据类型的方法

（1）常规判断方法：

typeof 变量名（ typeof 也是运算符）

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

数据类型的返回值为： "number" "string" "boolean" "undefined" "object"

特殊问题：函数一般不用typeof来检测数据类型，但也可以用，其返回值为"function"

（2）特殊判断方法（通用判定数据类型的方法）：

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

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

2.数字型 Number

数字类型分为整数、浮点数、正数和负数，JavaScript中数字类型既可以用来保存整数值，也可以保存小数(浮点数）。

2.1常见的进制

二进制、八进制(0开头)、十进制、十六进制（0x开头），可以用.toString（）;转换进制。

  let num1=255;
        console.log(num1.toString(2));//将变量转换为二进制
        console.log(num1.toString(8));//将变量转换为八进制
        console.log(num1.toString(16));//将变量转换为十六进制

十进制（0~9）
二进制（0 1）
八进制（0~7）
十六进制（0~9和A~F）

// 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()和.toFixed()

isNaN()

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

1.  
        console.log(isNaN('123'));//false
        console.log(isNaN(123));//false
        console.log(isNaN(true));//false
        console.log(isNaN(false));//false
        console.log(isNaN(null));//false
        console.log(isNaN(''));//false
        console.log(isNaN(' '));//false
        console.log(isNaN('124aqz'));//true
        console.log(isNaN('你好'));//true

.toFixed()

.toFixed()方法用于确认保留几位小数，并自动将转化对象的数据类型转换为数值型。

console.log(3.1415926.toFixed(3));//3.142

2.5精度丢失问题

我们在日常运算中用的是十进制，而计算机在处理数据的时候用的是二进制，因此计算机在进行小数的运算时，容易造成精度丢失。

3.布尔型Boolean

布尔型只有两个值 true(真的) false(假的)
布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。

1. console.log(true + 1); // 2
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表示未定义的（声明了，但未赋值）是一个值，可以理解为这是变量默认的值，当只声明了一个变量，但没有对该变量赋值，此时输出变量的值就是undefined

var variable; 
console.log(variable);// undefined
console.log('你好' + variable);// 你好undefined
console.log(11 + variable);// NaN
console.log(true + variable);//NaN

Null表示空值

1. vavar 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没有此方法。
toString()是方法 String()是函数

三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换，隐式转换是我们在进行算数运算的时候拼接一个空串，JS就会自动转换数据类型， eg: 1223+''。
隐式转换在数据后面加上一个空的字符串 +''

        let a=123;
        console.log(typeof a);//number
        a=a+'';
        console.log(typeof a);//string

1. console.log(typeof a);//string

6.3 转换为数字型（重点）

        let a;
        a='111';
        let num=Number(a);
        console.log(num);//111
        a='123asd';
        num=Number(a);
        console.log(num);//NaN
        a='asdfgh';
        num=Number(a);
        console.log(num);//NaN
        a='';
        num=Number(a);
        console.log(num);
        a=' ';//0
        num=Number(a);
        console.log(num);//0
        let b;
        b=true;
        num=Number(b);
        console.log(num);//1
        b=false;
        num=Number(b);
        console.log(num);//0
        let c;
        num=Number(c);
        console.log(num);//NaN
        c=null;
        num=Number(c);
        console.log(num);//0

Number(参数) 除了字符串其他都转成NaN或0。
字符串转数字 '' (转成后值为0)
' '（转成后值为0）
'1243swquiehd'（转换后值为NaN-----不是一个数）
'1245'（转换后值为1245）
布尔转数字 true(转换后值为1) false（转换后值为0）
null（转换后值为0） undefined(转换后值为0)
隐式转换在纯数字的字符串前面写上+ 或者*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);

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

6.4 转换为布尔型

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

补充：

不同数据类型的数据在控制台输出的颜色不一样。

1. let d=12;
2. console.log(d,typeof d)

两个以上的typeof检测数据类型返回值全是string类型。
.toFixde(n) 保留几位小数

1. let b;
2.         b=30.12211324;
3. console.log(b.toFixed(4));

web学习笔记（十一）