JavaScript各种数据类型
(一)JavaScript跟Java、Python等语言一样,也是一门编程语言,配合着html,css等可以让画面动起来,
在页面中导入方式主要有两种,如图
可以自己写在文件里面,一般写在body标签里面的底部(因为可以某些js加载会使用一些时间,影响用户体验),也可以导入,类似Python里面的import。
(二)函数里面的var局部变量
如图为语言里面变量的区别
在JavaScript里面也有局部以及全局的变量区别
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 全局变量 name = 'jay'; function f1() { // var定义的是局部变量,只在函数内部起效果 var name = 123; // name = 123 } f1(); alert(name); // 这里弹出的name是jay全局变量,如果f1里面的变量没有var,则出现123 </script> </body> </html>
(三)数据类型
原始类型
1、数字
a1 = 123; //a1原始值
a2 = new Number(123) a2.valueof() =a1
parseInt(转化为整数数字,成功了则是数字,失败了是NaN)
parsefloat
isFinite()
false =>无穷
true =>有限数
isNaN()检验是否是非数字
ret=typeof a(判断a是什么类型的数据)
功能的计算模块math
2、字符串
下面是利用字符串特简单营造动起来的效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="abc" style="background-color: chartreuse;color: beige;font-size:60px ">爬虫哥你好</div> <script type="text/javascript"> setInterval(function () { d1 = document.getElementById('abc'); d1_text = d1.innerText; // 获取标签的内容 console.log(typeof d1_text); first_str = d1_text[0]; sub_str = d1_text.slice(1, d1_text.length); new_str = sub_str + first_str;//虫哥你好爬 d1.innerText = new_str;//更改页面内容 },1000);//每500毫秒执行一次里面的函数 </script> </body> </html>
效果如图
不停在动,字符串很多操作方法,如图
JavaScript里面的split跟Python的有点区别,如图
在replace里面也有一个特殊的用法,如图,$&指代前面匹配的内项,$1标签匹配成功的第一个组(按顺序)
3、布尔类型,跟Python区别不大,JavaScript里面true跟false是小写的
true,false
a = 123
Boolean(a) ==>true
==值一样
===值一样,类型也一样
4、数组
相对于Python的列表
基本用法
obj.length 数组的大小 obj.push(ele) 尾部追加元素 obj.pop() 尾部获取一个元素 obj.unshift(ele) 头部插入元素 obj.shift() 头部移除元素 obj.splice(start, deleteCount, value, ...) 插入、删除或替换数组的元素 obj.splice(n,0,val) 指定位置插入元素 obj.splice(n,1,val) 指定位置替换元素 obj.splice(n,1) 指定位置删除元素
![](https://images2015.cnblogs.com/blog/1102972/201703/1102972-20170321150131502-1205349602.png)
obj.slice( ) 切片 obj.reverse( ) 反转 obj.join(sep) 将数组元素连接起来以构建一个字符串 obj.concat(val,..) 连接数组 obj.sort( ) 对数组元素进行排序
5、序列化
JavaScript里面的序列化跟Python差不多,如图
6、转义
- decodeURI( ) URl中未转义的字符
- decodeURIComponent( ) URI组件中的未转义字符
- encodeURI( ) URI中的转义字符
- encodeURIComponent( ) 转义URI组件中的字符
- 下面这些一般用于cookie
- escape( ) 对字符串转义
- unescape( ) 给转义字符串解码
- URIError 由URl的编码和解码方法抛出