02dateType.md

goer ... 2022-01-05 Javascript
  • Javascript
大约 3 分钟

数据类型

[toc]

# 数据类型

变量储存数据的类型

# 1. 字符串

使用单引号或者双引号包起来的任何字符都是字符串

var str1="dafso*0)(*!~@)";
var str2='ad我的dasfd>>';

// 当遇到字符里有单双引号,最外层和字符引号避开
var str3 = 'i"am kangkang';
var str4 = "i'am lilei";
1
2
3
4
5
6

\:转义字符--将特殊字符转换成普通字符

var str5 = "我叫:"goer",你好!"; //这样就需要转义符

var str5 = "我叫:\"goer\",你好!";
1
2
3
// 控制台打印出windows路径
var winstr="F:\7-Zip\Lang"  // 不行

var winstr = "F:\\7-Zip\\Lang"  //转义
1
2
3
4

+:拼接,变量和变量之间,变量和字符串之间用+号拼接起来

var str6 = '你在哪里呢';
var str7 = '北京';

console.log(str6+str7+"等我");
1
2
3
4
// 练习:改变图片变量,输入到页面
var imgSrc = "one.jpg";

document.write('<img src="" alt="">')
// 这样
document.write('<img src="'+imgSrc'+"alt="">')
1
2
3
4
5
6

这样的字符串拼接,我们找到最外层的引号,然后在需要的变量前后加上和最外层一样的引号和拼接符号+

'<img src="  //第一个字符
	+'变量'+	//第二个字符  最外层的引号
"alt="">'	 //第三个字符
1
2
3

# 2.数值

  1. 整型: 正整数、0和负整数
var num1 = 100;
var str1 = '100'; 

document.write(num1+str1); //100100
1
2
3
4
  1. 浮点数:小数
var float1 = 100.11;

console.log(float1);
1
2
3

# 3. 布尔型

主要用于判断: true 真flase 假

var num2 = 200;

console.log(num2 > 100); // true

var str2 = '300';	// 可以做判断,自动转换成整型
console.log(num2 < str2)  // true 

var str3 = '40a12';	// 都是false 说明这样不能用来判断
console.log(num2 >< str3)  // flase
1
2
3
4
5
6
7
8
9

在运算中,true=1 false=0

10+false+true+10+true   // 22
1

false:

			以下值在各自的数据类型中被判断为false
			数值0
			小数0.0
			空字符串''
			布尔型false
			undefined
1
2
3
4
5
6

# 4. 对象

万物皆对象:属性和功能的集合体

js对象分为==内置对象==和==自定义对象==

内置时间对象Date()

var date = new Date(); // 实例化,之后就可以使用Date()对象里面所有的功能和属性

var year = date.getFullYear();  // 获取年
var month = date.getMonth();  	// 获取月 0-11月 一般+1
var today = date.getDate();  	//获取日
var week = date.getDay();  		// 获取星期0-6   0是星期天
var hours = date.getHours();  	// 获取小时
var minutes = date.getMinutes(); // 获取分种
var seconds = date.getSeconds();  //获取秒
1
2
3
4
5
6
7
8
9

以后具体点

# 5. 数组

重要的数据容器 , 存放数据

js定义数据有两种方法

var arr1 = new Array('aa','bb',11,22,33);
1
var arr1 = ['aa', 'bb',111, 222, 333];
1

键值是0开始排列的数字,那么这种键值也叫索引

键值是索引的数组也叫索引数组

length:获取数组长度

区别

只有一种情况下才有区别,数组内只有一个元素,并且这个元素是数值的情况

var arr2 = new Array(7);
// 7个empty空元素  arr2.length=7

var aar2 = [7];
// 长度为1 的普通数组

console.log(arr2);console.log(arr2);
1
2
3
4
5
6
7

# 6. nall 和 undefined

  1. null

    null:空值 什么也没有(占位符)

    var nu1 = null;
    console.log(nu1)
    
    1
    2
  2. undefined

    undefined :声明但未赋值。

    var und;
    console.log(und); //undefined
    
    1
    2

# 7. 查看数据类型

typeof:查看数据类型

var typ1 = 100;
var typ2 = true;
var typ3 = new Date(); //object 
var typ4 = null;       //object 
console.log(typeof(typ4));
1
2
3
4
5

# 8. 转换数据类型

转换为字符串: toString()

数值型

  1. 转换为整型:parseInt()
  2. 转换为浮点数:parseFloat()
// 容易错的地方

var str1 = '100';
console.log(parseFloat(str1))   //还是100 没有100.0这种
console.log(typore(parseInt(str1)))   // number

var str2 = '1000.001'
console.log(parseFloat(str1))  //这样才会有小数点  1000.001

parseInt -- 转换下面的值
var str3 = '100a111';   //100  
var str4 = ' 123r44';	// 123  	取消两边的空格
var str5 = 'a123';		// NaN		数值类型的null 空值
var str6 = '0q123';		// 0        0
//  左往右一个一个字符的转换,转换到非数字就立刻停止转换

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16