微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

首页 > 博客列表 > 数据类型的用法实践（0225）

博主信息

博文 26

粉丝 0

访问量 42472

专题推荐

更多>

1.数据类型的检测

效果图

代码

<!DOCTYPE html>
<html>
<head>
    <title>数据类型检测</title>
    <meta charset="utf-8">
</head>
<body>
<li>1.将视频中的所有测试全部在控制台操作一遍</li>
<li>2. 对于常见的数据类型反复操作</li>
<li>3. 将你对字符串,对象,null,undefined的理解,写到博客中</li>
<script>
    //数据类型检测
    //检测null
    var q = null;
    console.log(typeof q);
    if (typeof q !== 'undefined' && !q) {
            console.log('q 是 null 类型');
        }
     //检测数组
     var a =[1,2,3,4];
     console.log(typeof a);
     //这种方法检测的返回值都为true
     console.log(a instanceof Array);
     console.log(a instanceof Object);
     //这才是正确的检测方法
     console.log(Array.isArray(a));
</script>
</body>
</html>

2.数值类型

效果图

对于值加减特殊实例

取值范围

数值表示法

对于NaN的应用

parseInt(): 将字符串转为整数

字符串定界符: 引号,单/双引号

代码

<!DOCTYPE html>
<html>
<head>
    <title>数值类型</title>
    <meta charset="utf-8">
</head>
<body>
<!-- //对于值加减特殊实例
15 === 15
true
13.000=== 13
true
0.2+0.3
0.5
0.1+0.2
0.30000000000000004
0.1+0.2===0.3
false
0.3-0.2
0.09999999999999998
0.3-0.2===0.1
false -->
<!-- //取值范围
Math.pow(3,1024)
Infinity
Math.pow(3,1024)-1
Infinity
Math.pow(3,1023)
Infinity
Math.pow(3,-1023)
0
-1023+-33
-1056
Number.MAX_VALUE
1.7976931348623157e+308
Number.MAX_SAFE_INTEGER
9007199254740991
Number.MIN_VALUE
5e-324 -->
<!-- //数值表示法
0x8a
138
11e3
11000
11e-3
0.011
5e-11
5e-11
12345678901
12345678901
1234567890112345678901
1.2345678901123458e+21
0.000002
0.000002
0.0000022
0.0000022
0.0000002
2e-7 -->
<!-- //对于NaN的应用
NaN
NaN
10*55
550
10*'a'
NaN
10*'55
SyntaxError: '' string literal contains an unescaped line break debugger eval code:1:6
10*'55'
550
Math.log(-2)
NaN
Math.sqrt(-4)
NaN
typeof NaN
"number"
NaN===11
false
NaN==='11'
false
NaN==='number'
false
NaN===Object
false
NaN===NaN
false
NaN ? true : false
false
20+NaN
NaN
2*NaN
NaN
'HELLO'-NaN
NaN
'HELLO'+NaN
"HELLONaN" -->
<!-- //parseInt(): 将字符串转为整数
parseInt('350')
350
parseInt('  350  ')
350
parseInt(33)
33
parseInt(33.33)
33
parseInt('350px')
350
parseInt('350.111px')
350
parseInt('35e2')
35
parseInt('0x8a')
138
parseInt('08a')
8
parseInt('html')
NaN
parseInt('css')
NaN
parseInt(true)
NaN -->
<script >
// 字符串定界符: 引号,单/双引号
//单行输出
console.log('html, \ CSS, \ js');
var str = 'html,' + 'css,'+ 'js';
console.log(str);
//多行输出
var str = 'html, \ncss, \njs';
console.log(str);
var str = ['第1行','第2行','第3行'].join('\n');
console.log(str);
// ES6模板字面量, 用反引号代替了引号
console.log(typeof `This is string`);
//直接用反引号，按照代码格式展现效果
console.log(`This 
is 
string`);
console.log(`
<div>
    <p>qaqa</p>
</div>`.trim());
</script>
</body>
</html>

3.布尔型的转化

效果图

代码

<!DOCTYPE html>
<html>
<head>
    <title>布尔型</title>
    <meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
//转为false的情况
var qa = false ? true : false;
console.log(qa);
var qa = undefined ? true : false;
console.log(qa);
var qa = null ? true : false;
console.log(qa);
var qa = 0 ? true : false;
console.log(qa);
var qa = NaN ? true : false;
console.log(qa);
//是空字符串，不是空格
var qa = '' ? true : false;
console.log(qa);
//转为true的情况
// 空对象返回true
var res = {}  ? true : false;
console.log(res);
// 空数组返回true
var res = []  ? true : false;
console.log(res);
if (!null) {
            console.log('null 转为 false');
            }
if (!undefined) {
console.log('undefined 转为 false');
                }
</script>
</body>
</html>

4.对象类型

效果图

代码

<!DOCTYPE html>
<html>
<head>
    <title>对象类型</title>
    <meta charset="utf-8">
</head>
<body>
<script >
var qw = {
    id:132,"name":'Rob ert','my qq':'1446582qq'
};
console.log(qw.id);
console.log(qw.name);
console.log(qw['my qq']);
//对象的属性可以是数组，数值,布尔,对象
var qaq = {
    qe:{id:132,"name":'Rob ert','my qq':'1446582qq'},
    we:['css','html5']
};
console.log(qaq.qe);
console.log(qaq.we);
console.log(qaq.we[1]);
console.log(qaq.qe['id']);
console.log(qaq.qe[0]);
console.log(qaq.qe.name);
//获取对象中数组的最后一个值
console.log(qaq.we[qaq.we.length-1]);
//对象的属性也可以是一个方法
var qaq = {
    qe:{id:132,"name":'Rob ert','my qq':'1446582qq'},
    we:['css','html5'],
    getInfo: function(){
                return 'wo zhen shuai';
            }
};
console.log(typeof qaq.getInfo);
console.log(qaq.getInfo());
//值传递类型
//b中只保存着a的值, 深拷贝
var a = 12;
var b = a; 
console.log(b);
b = 45;
console.log(b);
console.log(a);
//obj2中保存的是obj1的内存中地址,浅拷贝       
var obj1 = {x: 11, y: 222};
var obj2 = obj1;  
obj2.x = 36;
obj2.y = 37;
console.log(obj2);
console.log(obj1);
// for - in : 遍历对象属性
// for (var 键名 in 对象) {
//对象.键名;
// }
for (var id in qw) {
    console.log(qw[id]);
        }
 // in: 判断某个属性是否在某个对象中
 console.log('my qq' in qw);
    </script>
</script>
</body>
</html>

5.对字符串,对象,null,undefined的理解

字符串在一个对象中作为属性，用单引号标识的字符串作为ID的话，可以接引用，如果中间有空格，只能用console.log(qw[‘my qq’])这种方法引用，具体的一些使用可以看对象类型的代码部分。
对象的属性可以有函数，数值，数组，字符串，布尔。对象是由属性组成的。
null是空值为0，而undefined是未定义的意思，主要用于对象，null主要用于一个值。
以上就是我对这些的理解。

批改老师：