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)     指定位置删除元素

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的编码和解码方法抛出