概述
知识目录:
一、数据类型
1.数字类型
二、数据类型互相转换
1.字符串转数字
2.数字转字符串
3.转布尔类型
一、数据类型
1.typeof( ):判断某个变量的数据类型.
Eg:
<script>
var num1=50
console .log(typeof(num1));
</script>
2.字符串:
用引号 "" '' 包起来的就是字符串
任何数据类型和字符串进行拼接都会变成字符串
3.如何把字符串类型转换为数字类型
1)Number:数字(可以参与运算)
2)字符串 * ,-,/ 数字...
3)Boolean:布尔值(false/true)一般用在判断语句中
Eg:
<script>
var bool=true
console.log(typeof(bool));
if(bool){
console.log("符合条件")
}
</script>
4.Undefined:定义变量不赋值 (只声明,不定义 / 缺省)
Eg: <script>
var str5
console.log(typeof(sr5));
</script>
5.Object :对象
null 空对象 array数组 object对象
1).array:数组(将同一类型的数据放到一起,length获取数组长度)
数组中取值,通过数组名[索引值]数组中的索引取值,从0开始
Eg:
<script>
var fruits=['苹果','橘子','葡萄','西瓜','榴莲','香蕉']
console.log(fruits)
console.log(fruits[0]);
console.log(fruits[1]);
console.log(fruits[2]);
console.log(fruits[3]);
for(var i=0;i<fruits.length;i++){
console.log(fruits[i]);
}
</script>
2).object:对象(对某一个东西的具体描述:key:'value'形式)
对象.属性名 可以拿到属性值
Eg:
<script>
var cat={name:'Tom',like:'老鼠',color:'黄色'}
//对象取值 对象名.key eg:cat.like
console.log(cat.like);
</script>
3).null:空对象
Eg:
<script>
var x=null
console.log(typeof(x))
</script>
6. 函数 function:
重点:
1).分类:
基本数据类型:
数字、字符串、underfined、boolean、null
2).引用数据类型:
对象object和函数function
3).基本数据类型和引用数据类型的区别:
基本数据类型实现拷贝的时候 俩值互不影响, 值在栈区
引用数据类型实现拷贝的时候 俩值互相影响,值在堆区
4).深浅拷贝区别:
浅拷贝:拷贝了地址
深拷贝:拷贝了内容
代码例子如以下代码:
<script>
var x=10
var y=x
console.log(y);
y=20
console.log(x);
var x=[1,2,3,4,5]
var y=x
console.log(y);
y[0]=100
console.log(x);
</script>
二、字符串转数字
1.Number()
eg:
<script>
var str='999'
var newStr=Number(str)
console.log(typeof(str));
</script>
2.字符串*、-、/
eg:
<script>
var str='999'
var newStr=str-1
console.log(typeof(newStr));
</script>
三、数字转字符串
1.拼接字符串 eg: 变量名 + " "
Eg: <script>
var n=100
var n1=n+""
console.log(typeof(n1));
</script>
2. 数字.toString( )
Eg: <script>
var n=100
var n2=n.toString()
console.log(typeof(n2));
</script>
3.String(数字)
Eg: <script>
var n=100
var n3=String(n)
console.log(typeof(n3));
</script>
补充:
如果字符串无法转化为数字类型会输出NaN(NaN[not a number] 是Number类型)
- 重点:NaN等于NaN? 答:不等于
- 数字与字符串进行四则运算,+转字符串,其余都是数字
四、转 布尔类型
1.非0即为真
最后
以上就是超帅哑铃为你收集整理的前端【JS】数据类型、数据类型互相转换知识目录:的全部内容,希望文章能够帮你解决前端【JS】数据类型、数据类型互相转换知识目录:所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复