字符串处理

Posted 2020-10-04 aki&秋

一、查找字符串中是否含有某个字符串，并返回第一次出现的位置（关键词indexOf()）

var arr="apple";
console.log(arr.indexOf("p"));
//结果1

可以用于查找显示，在一串数组中只显示需求数据

<div id="myApp">
    <div>
        <input type="text" v-model="searchText">
        <ul>
            <li v-for="(val,index) in showText">{{val}}</li>
        </ul>
    </div>
</div>

<script>
    var myApp=new Vue({
        el:"#myApp",
        data:{
            searchText:"",
            text:[
                "apple",
                "banana",
                "orange",
                "pear"
            ]
        },
        computed:{
            showText:function () {
                var arr=[];
                for(var i=0;i<this.text.length;i++){
                    if(this.text[i].indexOf(this.searchText)!=-1){
                        arr.push(this.text[i]);
                    }
                }
                return arr;
            }
        }
    })
</script>

二、替换字符串中第一次出现某字符（关键词replace()）

var arr="dafafadff";
arr=arr.replace(/fa/,"已和谐");
alert(arr);
//结果arr=da已和谐fadff

var arr="dafafadff";
    for(;arr.indexOf("fa")!=-1;){
        arr=arr.replace(/fa/,"已和谐");
    }
alert(arr);
//结果arr=da已和谐已和谐dff

三、截取字符串中指定位置字符串（关键词substr()）

var arr="dafafadff";
arr=arr.substr(-3,2);//负数代表从后面计数
alert(arr);
//结果arr=df

var arr="dafafadff";
arr=arr.substr(3,2);
alert(arr);
//结果arr=fa