第六章字符串 - 示例：split()分割符示例 - 《Javascript 新手入门 - 从0到1教程》

如果字符串的长度超过6个字就…


var str = "时间有限来不及去惦记心里没有我的人"
        /* str.length>6  .... */
        /* 
        "时间有限来不...
         */
        console.log(str.length)
        if(str.length>6){
            var res = str.slice(0,6)+"...";
            // var res = str.substr(0,6)+"...";
            console.log(res)
        }

如果字符串的长度超过3个字就…


  第一种：
  <script>
        var arr =[
            "你好",
            "添加了附近",
            "纪律京东方防静电",
            "放大镜冷风机"
        ]
        /* 
        ["添加了...","纪律京...","放大镜..."]
         */
        var res =[];
        arr.forEach(item=>{
            if(item.length>3){
                item = item.substr(0,3)+"...";
            }
            res.push(item)
        })
        console.log(res)
    </script>

第二种：
<script>
        var arr =[
            "你好",
            "添加了附近",
            "纪律京东方防静电",
            "放大镜冷风机"
        ]
        var res = arr.map(item=>{
            if(item.length>3){
                item = item.substr(0,3)+"..."
            }
            return  item
        });
        console.log(res)
    </script>

输入”你”只显示有这个关键字的元素，然后字符大于3个就之后字为…


<body>
    <input type="text" id="input">
    <script>
        var arr =[
            "你好",
            "添加了附近你",
            "纪律京大东方防静电",
            "放大镜冷风机"
        ]
        /* 
         1、需要得到一个只包含关键字的数组
        [
            "你好",
            "添加了附近你",
        ]
        2、对数组中的值处理
        [
            "你好",
            "添加了..."
        ]
         */
        $("#input").keyup(function(event){
            if(event.keyCode==13){
               var value  =  $(this).val();
               /* filter */
               var res = arr.filter(item=>{
                //    console.log(item)
                   return item.includes(value);
               })
               var lists  = res.map(item=>{
                   if(item.length>3){
                       item = item.substr(0,3)+"..."
                   }
                   return item;
               })
               console.log(lists)
            }
        })
    </script>

输入id获取对应项目，然后name之后”…”

输入id获取对应项目，然后name之后"..."
<body>
    <input type="text" id="app">
    <script>
       var arr = [
           {id:1001,name:"html"},
           {id:1002,name:"css"},
           {id:1003,name:"js"}
       ]
       /*
       [{id:1001,name:"html..."}] 
        */
       /* 1、获取input的值 */
       /* 2、根据id值,获取数组中对应的项目 */
       /* 3、name+"..." */
       $("#app").keyup(function(event){
           if(event.keyCode==13){
               var value = $(this).val();
               var res = arr.find(item=>{
                   return item.id == value;
               })
               res.name = res.name +"...";
               var list = [res];
               console.log(list)
           }
       })
    </script>
</body>

利用split方法将hello变为olleh


<script>
        /* hello */
        /* olleh */
        var str = "hello";
        var arr = str.split("");
        arr.reverse();
        console.log(arr.join(""))
    </script>

将一段链接变成 var obj ={order:hot,cat:你,limit:35, offset:140 }


<script>
        var url ="https://www.baidu.com?order=hot&cat=你&limit=35&offset=140";
        /* 
        var obj ={
            order:hot,
            cat:你,
            limit:35,
            offset:140
        }
         */
        /* 1、order=hot&cat=你&limit=35&offset=140 */
        /* 2、 ['order=hot', 'cat=你', 'limit=35', 'offset=140'] */
        var res = url.split("?")[1].split("&");
        console.log(res)
        var obj = { 
        }
        /* 3、需要让数组的每一项中
            第一项作为key
            第二项作为value
         */
        res.forEach(item=>{
            var list = item.split("=");
            console.log(list)
            obj[list[0]] = list[1];
        })
        console.log(obj)
    </script>