JavaScript学习笔记JavaScript数据类型( javaScript入门到入土)2

javaScript 中的数据类型

js中数据类型概述和认识数据类型

为什么需要不同的数据类型:
在我们的计算机中不同的数据类型需要的存储是有很大差别的,为啦减轻存储空间的的压力问题,使用不同的数据类型存储可以更有效的解决存储问题。可以充分的利用存储空间。
javaScript 是一种动态编程语言,与其他类型语言在使用变量时也有很大区别,学习过其他语言都知道使用变量是 必须先定义类型,而js 就不需要提前定义数据类型。程序运行起来后会被自动确认。


var name = "HY很帅"// 这name是字符串类型
var age = "20";      // 这age是数字类型

其数据类型是根据“=”后面的值来判断
那这样的话 同一个变量可以用作不同的类型。


var age = "20";  // 这里age 为数字类型
var age = "二十"; // 这里age 为字符串类型

js中数据类型的分类

分类两大类:

  1. 简单数据类型 { String (字符串),Number (数字),Boolean(布尔型),Undefind(), Null(空) }
  2. 复杂数据类型 object
    这里先把简单数据类型学会再说吧

简单数据类型

在这里插入图片描述

字符串类型 (String )

1、字符串需要用引号 单引号双引号都可以

字符串使用


var str1 = "我是一段字符串需要用引号嵌套";
var str2 = "我是一段'字符串'需要用引号嵌套";
var str2 = '我是一段"字符串"需要用引号嵌套'; 

字符串的长度 length

字符的数量就是它的长度 (注意:符号 空格 也属于字符串,计算长度时也计算在内)
来看一下案例


var str = "我是一段字符串,计算长度时,空格和符号不能落下噢 ";
console.log(str.length);  // 输出str的长度

结果
在这里插入图片描述

字符串拼接

使用符号 + 来拼接多个字符串
console.log() 输出语句 都用烦喇叭 我不想再用啦 换个更高级的用吧
下面内容使用更高级的弹窗来演示;
alert() 就是这个弹出窗口的函数
言归正传 继续字符串的拼接

// 直接看例子
var name = "HYjONES ";
var str ="是一个大帅哥";
alert(name+str);

在这里插入图片描述
再来看一个高级一点的


	var age = "18";
	alert("HYJones"+age+"的大帅哥");
	

在这里插入图片描述

数字类型 Number

数字就简单啦 就是我们经常见的 啦

var one = 10;    // 这是整数
var xiaoshu = 10.589632;//这是小数 

数字间的进制转换

常见有 :二进制、八进制、十进制、十六进制
二进制不用介绍喇叭
还是介绍介绍

// 二进制 范围:由0 ,1 组成 就是并不能超过2的 同理
// 八进制 0--7 
// 十进制  0--9
// 十六进制  0--9 A--F  (数字不够 ,字母来凑)
 

数字的大小

数值得最大值
Number.MAX_VALUE
最小值
Number.MIN_VALUE
下面看一下具体情况

alert(Number.MAX_VALUE);  // 弹出最大值

在这里插入图片描述


	alert(Number.MIN_VALUE)  // 弹出最小值
	

在这里插入图片描述

特殊值

Infinity 代表无穷大,
-Infinity 代表无穷小
NaN 代表一个非数值

数字类型判断

使用 isNaN() 方法判断一个变量是否为数字类型
来看一下案例

var name = "HY是帅哥";
Name = isNaN(name);   // isNaN(name) 意思是问name是一个非数字吗。把答案给Name
var num = 20;
var Num = isNaN(num);  // isNaN(num) 意思是问num是一个非数字吗。把答案给Num
console.log(Name);
console.log(Num);

在这里插入图片描述

布尔型 Boolean

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

console.log(true + 2);
console.log(false + 2);

在这里插入图片描述

Undefined 和 Null 类型

之前说过 当声明啦一个变量未给其赋值的话值为 Undefined 相关应用与结果

	var name;
	console.log(name);
	console.log("HY"+name);
	console.log(2+name);
	console.log(true+name);

声明一个变量 赋值为null

	var name = null;
	console.log('hy'+name)
	console.log(2+name)
	console.log(true+name)

在这里插入图片描述

获取变量数据类型

使用 typeof 来获取变量的数据类型

用法如下

var name = "hy是大帅哥";
var age = 20;
console.log(typeof name);
console.log(typeof age);

在这里插入图片描述

数据类型的转换

其他类型转换为字符串类型

方法一 :toString()
用法

var age = 20;
alert(age.toString());

方法二 :String() 强制转换
用法

var age = 20;
String(age);

方发三 :使用 + 拼接
用法

var age = 20;
alert(age + "字符串");

字符转换为数值型

方法一 :使用函数 parseInt(String) 转换为整数型


parseInt("20.123"); // 20

方法二 :使用函数 parseFloat(String) 转换为浮点数
用法


parseFloat("20.123456")  //20.123456

强制转换 Number(String)
用法

Number("20")

转换为 布尔型

使用函数 Boolean() 其它类型转换为布尔型

代表空值,否定的值 将会被转换为 false
其他的转换为 true

console.log(Boolean(""));
console.log(Boolean("NaN"));
console.log(Boolean(0));
console.log(Boolean(null));
console.log(Boolean(undefined));
console.log(Boolean("HY是大帅哥"));
consloe.log(Boolean(20));

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/hjjshua/article/details/124261543