前端 javascript的数据类型

edccedc

已于 2023-04-15 10:59:01 修改

阅读量35

点赞数

分类专栏：前端笔记文章标签： javascript 前端开发语言

于 2023-04-14 19:41:27 首次发布

本文链接：https://blog.csdn.net/m0_64287200/article/details/130143569

版权

前端笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script type="text/javascript">
			// var
			var username;
			var passwd="123456"
			console.log(username,passwd)
			// // 修改值
  			username = "cali"
			passwd = 123456
			console.log(username,passwd)
		</script>
	</head>
	<body>
	</body>
</html>

声明一个变量 var 如第一个var username 中，没有定义变量的值，那么在控制台第一个console.log(username,passwd)打印出来的则是undefined '123456'

第二个console.log(username,passwd) 因为username 和 passwd 被重新赋值了所以打印出来的是cali 123

布尔类型：

           var flag = true
           console.log(flag,typeof(flag));
           flag = false;
           console.log(flag,typeof(flag));

# 控制台的输出为

true 'boolean'

false 'boolean'

数字类型：

js 中不需要对数字类型特殊声明

            var num = 1;
           console.log(num,typeof(num));

            # 1 'number'
           num = 1.1;
           console.log(num,typeof(num));

# 1.1 'number'

数字的四则运算：

           console.log(num/10,num*10,num+10,num-10);
           // 1.1+10=>1.110 =》字符串的拼接
           console.log(num+'10');
           // 数字的比较运算
           console.log(num>10,num==10);
           // = 赋值 ==比较的是值 ===比较的是值和类型
           console.log(num=='1.1');

# 输出的结果：

        0.11000000000000001 11 11.1 -8.9

        1.110

        false false

        true

字符串类型：

声明：

           // string
           var s1 = "volvo";
           var s2 = "voloe",s3 ="volvo";
           console.log(s1,typeof(s1),s2,typeof(s2));

字符串的操作：

1、拼接：

console.log(s1+s2);

#volvovoloe

2、查看字符串的长度：string.length

console.log("length查看字符串的长度",s1.length);

# length查看字符串的长度 5

3、charAt(2)查看指定下标的字符（下标从0开始）：

console.log("charAt(2)查看指定下标的字符：",s1.charAt(2));

# charAt(2)查看指定下标的字符： l

4、查看指定下标的字符：

console.log("查看指定下标的字符：",s1[2]);

# 查看指定下标的字符： l

5、查找字符串

           //indexOf =>第一次出现的位置的下标值
           var s4 = "I am a teacher. You are students. what a nice shoot am 2 am 4 am wi am"
           console.log("查找am:",s4.indexOf("am"))
           console.log("查找am:",s4.indexOf("am",5)) # 查找第五个am 的下标值
           // split
           console.log("split.",s4.split("."))

# 查找am: 3

查找am: 53

6、数据类型的转换：

console.log(111+Number("10")) #可以直接使用Number转换

# 121

console.log(String(111)+String("10")) # 转换成string类型

#11110

console.log(111+10) 直接相加

Object =>Array,Dict

var array = ['a','b','c','d']

console.log(array,typeof(array));

console.log(array.toString(),typeof(array));

# a,b,c,d object

console.log(String(array),typeof(String(array)));

# a,b,c,d string

           var dict = {"kb":"科比"}
           console.log(dict,typeof(dict));

#{kb: '科比'} 'object'
           console.log(dict["kb"],dict.kb); # 取值

# 科比科比