字符串和数组的方法

字符串里的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{
            width: 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

 

 

posted @ 2018-04-11 12:12  PaiPai_hu  阅读(183)  评论(0)    收藏  举报