zoukankan      html  css  js  c++  java
  • 字符串和数组的方法

    字符串里的length和【】,charAt都是字符串的只读属性,charat代替下表使用,目的是兼容所有浏览器

    str.charCodeAT(0):返回字符串第一个字符的ANSI码;

     1 String.fromCharCode(666)
     2 var str = '大力出奇迹力';
     3 alert(str.indexOf('力出' , 2))
     4 alert(str.substring(2,5))  /包括起始,不包括结束
     5  alert(str.slice(0,-1))       // 同上   第一个不能为负数
     6 
     7 
     8      var str = 'ABC,def,g123,456,';
     9 
    10      //alert(str.toUpperCase())    //把所有的小写字母全部大写;
    11        //alert(str.toLowerCase())   //把所有大写字母的全部变成小写字母
    12     /*var arr = str.split('。');  // 按照规律把字符串切割,变成数组
    13     console.log(arr)*/
    14 
    15     //alert(str.substr(0,10))  //第一个是起始位置(包括起始位置)   第二个参数是需要截取的长度

    数组的方法:数组的length可读可写

     1 var arr = [1,5,32,13,6,9,8,10,12];
     2         /*arr.length = 10;
     3         console.log(arr)*/
     4         //arr.length = 0;
     5         //console.log(arr)
     6 
     7         /*arr[10] = 'false';
     8         console.log(arr[6])*/
     9 
    10         //var arr1 = arr.push('6668888',123,456)  // 往数组的最后一位去添加值,返回length
    11         //arr.unshift('123456', '新新')          //往数组的第一位追加数值,返回length
    12         //arr.pop();                     //删除最后一个  并返回
    13         //arr.shift();                    //删除数组的第一个数据,并返回
    14 
    15         //var arr1 = arr.splice(0,0,'清水');       //从指定位置开始,删除规定个数,并往指定的位置添加数据,返回被删除的数据
    16 
    17 
    18         /*arr.sort(function (a,b) {
    19             return 1;
    20         });*/
    21         //arr.reverse()
    22     //var arr1 = [123];
    23 
    24 
    25     //var newArr = arr.concat(arr1);   //把两个数组合并为一个新的数组
    26     //var str = arr.join(',')          //数组转字符串的方法  (join用传的参数来连接)
    27 
    28    /* var x = arr.filter(function (q){
    29         if(q%2){
    30             return true;
    31         }
    32     })*/                    //按照一定的规则来进行过滤,
    33     var str = '123';        //用来检测一个对象是不是一个数组
    34 
    35     console.log(Array.isArray(arr));
    36     console.log(Array.isArray(str))

    案例:查找与替换

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>TZ-34期Js</title>
        <style>
            *{margin:0;padding:0;font-family: Microsoft YaHei,serif;}
            li{list-style: none;}
            #box{
                 500px;
                height:200px;
                margin:50px auto;
                padding:10px;
                border:1px dotted #666666;
            }
            #box span{
                font-size: 18px;
                font-weight: bold;
                color:red;
            }
            #box p{
                margin-top:20px;
                line-height:35px;
                font-size: 14px;
                text-indent: 10px;
            }
        </style>
    </head>
    <body>
    <div id="box">
        <input id='txt1' type="text">
        <input id='txt2' type="text">
        <input id='btn1' type="button" value="  找  ">
        <input id='btn2' type="button" value="  换  ">
        <p>[行程特色] 张家界国家森林公园与一脉相连的索溪峪、天子山两大自然保护区组成武陵源, 是张家界的核心景区。张家界,奇峰三千,秀水八百,张家界的山大多是拔地而起山, 山上峰峻石奇,或玲珑秀丽,或峥嵘可怖,或平展...</p>
    </div>
    
    <script>
        var oTxt1 = document.getElementById('txt1'),
            oTxt2 = document.getElementById('txt2'),
            oBtn1 = document.getElementById('btn1'),
            oBtn2 = document.getElementById('btn2'),
            oP = document.getElementsByTagName('p')[0],
            ptxt = oP.innerHTML;
    
    
        oBtn1.onclick = function () {
            var val = oTxt1.value;
            if( val ){
                var arr = ptxt.split(val);
                oP.innerHTML = arr.join("<span>"+ val + "</span>")
    //            oP.innerHTML = txt;
            }
        }
    
        oBtn2.onclick = function () {
            var val = oTxt1.value,
                val2 = oTxt2.value;
            if(val){
                var arr = ptxt.split(val);
                oP.innerHTML = arr.join("<span>"+ val2 + "</span>")
                ptxt = arr.join(val2)
            }
    
        }
    </script>
    </body>
    </html>
    View Code

  • 相关阅读:
    DENIED Redis is running in protected mode
    Redis接口的调用
    Redis复制
    Redis安全
    Redis持久化
    Redis简单示例
    【T11】提防对等实体的不友好动作
    【T10】记住,TCP__IP不是轮询的
    Python中的with语句
    postgreSQL中timestamp转成date格式
  • 原文地址:https://www.cnblogs.com/letgo-doo/p/8794938.html
Copyright © 2011-2022 走看看