练习

只显示字符串前6位，后面的用…代替

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

只显示字符串前3位，后面的用…代替

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

匹配指定字符，并将结果返回为一个新的数组

    <input type="text" id="input">
    <script>
        var arr = [
            "你好",
            "添加了附近你",
            "纪律京东方防静电",
            "放大镜冷风机"
        ]
        var test = []
        // var input = document.getElementById('input')
        // input.onkeyup = function(event){
        //     if(event.keyCode === 13){
        //         var value = this.value
        //         if(value){
        //             var res = arr.filter(item=>{
        //                 return item.includes(value)
        //             })
        //             test.push(...res)
        //             console.log(test);
        //         }
        //         test.forEach(item=>{
        //             if(item.length>3){
        //                 item = item.substr(0,3)+"..."
        //             }
        //             console.log(item);
        //         })
        //     }
        // }
        $('#input').keyup(function(event){
            if(event.keyCode === 13){
                var value = $(this).val()
                if(value){
                    var res = arr.filter(item=>{
                        return item.includes(value)
                    })
                    test = res
                    console.log(test);
                }
                var lists = test.map(item=>{
                    if(item.length>3){
                        item = item.substr(0,3)+"..."
                    }
                    return item
                })
                console.log(lists);
            }
        })
    </script>

根据指定字符，返回符合条件的字符，并将其返回成一个新的数组，并将后面的name属性加上…

    <input type="text" id="app">
    <script>
        var arr = [
            {id:1001,name:"html"},
            {id:1002,name:"css"},
            {id:1003,name:"js"},
        ]
        var test=[]
        $('#app').keyup(function(event){
            if(event.keyCode === 13){
                var value = $(this).val()
                // arr.forEach(item=>{
                //     if(value && item.id == value){
                //         var name = item.name+"..."
                //         test.push(item,name)
                //         console.log(test);
                //         test = []
                //     }
                // })
                var res = arr.find(item=>{
                    return item.id == value
                })
                res.name = res.name+"..."
                test = res
                console.log(test);
            }
        })
    </script>

截取字符串，并将其返回成一个对象

   1、     
        // var str = "hello"
        // // olleh
        // var res = str.split("")
        // var list = res.reverse()
        // console.log(list.join(""));
        var str = "?key=你&age=18"
        var res1 = str.slice(1)
        var res2 = res1.split("&")
        var key = res2[0]
        var value = res2[1]
        key = key.split("=")[1]
        value = value.split("=")[1]
        var obj = {
            key,
            value
        }
        console.log(obj);

   2、
               var str = "?key=你&age=18&offset=10"
        // var list = []
        // var arr = str.slice(1).split("&")
        // console.log(arr);
        // arr.forEach(item=>{
        //     var res = item.split("=")
        //     console.log(res);
        //     var obj = {}
        //     obj[res[0]] = res[1]
        //     console.log(obj);
        //     list.push(obj)
        // })  
        // console.log(list);
        var arr = str.slice(1).split("&")
        var res = arr.map(item=>{
            var list = item.split("=")
            var obj = {
                [list[0]]:list[1]
            }
            console.log(obj);
            return obj
        })
        console.log(res);//[{key: '你'}, {age: '18'}, {offset: '10'}]

        var str = "https://music.163.com/#/discover/playlist/?order=hot&cat=你   &limit=35&offset=140"
        /*结果为：
        var obj = {
            order:hot,
            cat:你,
            limit:35,
            offset:140
        }
        */
       var index = str.indexOf("?")
       var arr = str.slice(index+1).split("&")
       var list = []
       var obj1 = {}
       arr.forEach(item=>{
           var res = item.split("=")
        //    var obj = {
        //        [res[0]]:res[1]
        //    }
        //    console.log(obj);
        //    list.push(obj)
           obj1[res[0]] = res[1]
       })
       console.log(obj1);
       console.log(list);