zoukankan      html  css  js  c++  java
  • 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的编码和解码方法抛出
  • 相关阅读:
    [ASP.NET]ScriptManager控件使用
    [ASP.NET]使用uploadify上传图片,并在uploadify按钮上生成预览图
    [Javascript]js判断是否为undefined类型
    [Bug]转:使用jquery的 uploadify,在谷歌浏览器上总会崩溃的解决方法
    [NHibernate]Nhibernate如何映射sqlserver中image字段
    远程访问CENTOS的MYSQL数据库设置
    DELPHI的一些开源项目GIT地址
    unigui导出EXCEL使用NATIVEEXCEL
    IdHTTPServer(indy10)开发REST中间件
    centos7安装MYSQL
  • 原文地址:https://www.cnblogs.com/xiaobeibei26/p/6589517.html
Copyright © 2011-2022 走看看