zoukankan      html  css  js  c++  java
  • JS--字符串

    一、JS的变量  

    # 定义变量
     
    # 全局变量
    name = 'bigberg'
    
    # 局部变量
    var name = 'bigberg'
    

     

    二、数字(Number)

      JavaScript中不区分整数值和浮点数值,JS中所有数字均用浮点数值表示  

    <script type="text/javascript">
            var age = 20
    </script>
    

      转换:

    • parseInt():将字符串转换成数字,不成功则NaN
    • parseFloat():将字符串转换为浮点数,不成功则NaN 
    var age='20'
    undefined
    parseInt(age)
    20
    parseFloat(age)
    20  

    特殊值:

    •  NaN,非数字。可使用 isNaN(num) 来判断。
    • Infinity,无穷大。可使用 isFinite(num) 来判断。
    >>isNaN('18')
    false
    >>isNaN("dbjdw")
    true
    

      

    三、字符串

      常见功能:  

    obj.charAt(n)                       返回字符串中的第n个字符
    obj.length                           长度
    obj.substring(from, to)           根据索引获取子序列
    obj.trim()                           移除两边空白
    obj.trimLeft()                       移除左边空白
    obj.trimRight()                      移除右边空白
    obj.concat(value, ...)               拼接
    obj.indexOf(substring,start)         子序列位置
    obj.lastIndexOf(substring,start)     子序列位置
    obj.slice(start, end)                切片
    obj.toLowerCase()                    小写
    obj.toUpperCase()                    大写
    obj.split(delimiter, limit)          分割
    obj.search(regexp)                   从头开始匹配,返回匹配成功的第一个位置(g无效)
    obj.match(regexp)                    全局搜索,如果正则中有g表示找到全部,否则只找到第一个。
    obj.replace(regexp, replacement)     替换,正则中有g则替换所有,否则只替换第一个匹配项,
                                         $数字:匹配的第n个组内容;
                                         $&:当前匹配的内容;
                                         $`:位于匹配子串左侧的文本;
                                         $':位于匹配子串右侧的文本
                                         $$:直接量$符号
    

      1.charAt(n) 

    name = 'bigberg'
    "bigberg"
    
    name.charAt(2)
    "g"
    

      2.length  

    name.length
    7
    

      3.substring(from,to)  

    name.substring(1,name.length)
    "igberg"
    

      4.trim()

    name = ' bigberg '
    " bigberg "
    name.trim()
    "bigberg"
    

      5.trimLeft() 

    name = ' bigberg '
    " bigberg "
    name.trimLeft()
    "bigberg "
    

      6.trimRight() 

    name.trimRight()
    " bigberg"
    

      7.concat(value,..)

    name1 = '小猪'
    "小猪"
    name2 = '佩奇'
    "佩奇"
    name = name1.concat(name2)
    "小猪佩奇"
    

      8.indexOf(substring,start)

      从头往后计算子序列的位置  

    name = 'bigberg'
    "bigberg"
    name.indexOf('berg')
    3
    

      9.slice(start,end)

      切片,遵循顾头不顾尾的原则  

    name = 'bigberg'
    "bigberg"
    name.slice(1,3)
    "ig"
    

      10.toLowerCase()

    name = 'BIGBERG'
    "BIGBERG"
    name.toLocaleLowerCase()
    "bigberg"
    

      11.toUpperCase() 

    name = 'bigberg'
    "bigberg"
    name.toUpperCase()
    "BIGBERG
    

      12.split(delimiter,limit)

      分割,delimiter:分割符,limit:拿前几个值 

    string = '天 天 向 上'
    "天 天 向 上"
    string.split(' ', 2)
    (2) ["天", "天"]
    

     

    四、定时器 

       setInterval("定时任务名",间隔时间),时间是以ms为单位

    <script type="text/javascript">
            function f1() {
                console.log(1);
            }
            setInterval("f1()",1000);
        </script>
    

      每秒在console中输出1

      

    五、跑马灯事例  

    <body>
        <div id="i1">世间安得双全法</div>
        <script type="text/javascript">
            function f1() {
                // 根据id获取标签
                var tag = document.getElementById('i1');
                // 获取标签内部内容
                var content = tag.innerText;
                // 获取首字符
                var first_string = content.charAt(0);
                // 其余字符
                var other_string = content.substring(1,content.length);
                // 拼接字符
                var new_content = other_string.concat(first_string);
                // 替换标签内部的内容
                tag.innerText = new_content;
            }
            // 每秒重复执行
            setInterval("f1()",1000);
        </script>
    </body>
    

      

  • 相关阅读:
    SpringBoot Lombok使用详解1(基本介绍、安装配置、var和val)
    SpringBoot 实现文件上传2(多文件上传、常用上传参数配置)
    SpringBoot 解决跨域请求问题(No 'AccessControlAllowOrigin' header is...)
    SpringBoot 实现静态资源的访问(附:修改过滤规则、静态资源位置)
    SpringBoot 获取Get请求参数详解(附样例:非空、默认值、数组、对象)
    SpringBoot 实现文件上传1(单文件上传、常用上传参数配置)
    SpringBoot 获取POST请求参数详解(附样例:表单数据、json、数组、对象)
    SpringBoot @ControllerAdvice的使用详解3(请求参数预处理 @InitBinder)
    SpringBoot @ControllerAdvice的使用详解1(全局异常处理 @ExceptionHandler)
    解决自动禁用Flash打开摄像头询问
  • 原文地址:https://www.cnblogs.com/bigberg/p/9235275.html
Copyright © 2011-2022 走看看