一. 截取数组中的值

1.substr

  1.  <script>
  2.         var str ="helloworld";
  3.         // substr(index,length)
  4.         console.log(str.substr(1,3));
  5.     </script>

1-1. 文字省略

  1. <script>
  2.         // var str ="时间有限来不及去惦记心里没有我的人";
  3.         // console.log(str.length);
  4.         // if(str.length>6){
  5.         //     var res = str.slice(0,6)+"...";
  6.         //     console.log(res)
  7.         // }
  8.         var arr =[
  9.             "时间有限来",
  10.             "不及去惦记心里",
  11.             "心里没有我的人"
  12.         ]
  13.         var res=[];
  15.         arr.forEach(item=>{
  16.             if(item.length>3){
  17.                 item = item.substr(0,3)+"...";
  19.             }
  20.             res.push(item);
  21.         })
  22.         console.log(res)
  23.     </script>
  28.   <script>
  29.         var arr =[
  30.             "时间有限来",
  31.             "不及去惦记心里",
  32.             "心里没有我的人"
  33.         ]
  34.         var res =arr.map(item=>{
  35.             if(item.length>3){
  36.                 item = item.substr(0,3)+"..."
  37.             }
  38.             return item
  39.         });
  40.         console.log(res);
  41.     </script>

1-2. 选出含有关键字的值，

  1. <body>
  2.     <input type="text" id="app">
  3.     <script>
  4.        var arr =[
  5.             "时间有限来",
  6.             "不及去惦记心里",
  7.             "心里没有我的人"
  8.         ] 
  9.         $("#app").keyup(function(event){
  10.             if(event.keyCode==13){
  11.             var value =$(this).val();
  12.             var res = arr.filter(item=>{
  13.                 return item.includes(value)
  14.             })
  15.             //字数超过三个字的省略
  16.             var lists= res.map(item=>{
  17.                 if(item.length>3){
  18.                     item=item.substr(0,3)+"..."
  19.                 }
  20.                 return item;
  21.             })
  22.             console.log(lists)
  23.         }
  24.         })
  26.     </script>
  27. </body>

2. substring

  1. <script>
  2.         var str ="hello";
  3.         // substring[startIndex,endIndex）
  4.         // 包含开始下标，不包含结束下标
  5.         var res = str.substring(1,4);
  6.         console.log(res)
  7.     </script>

3.charAt

得到字符串中某个字符的下标

  1. <script>
  2.         var str ="hello";
  3.         console.log(str.charAt(1))  //"e "
  4.     </script>

二.查看是否包含关键字

1.indexOf(参数)
可以查询字符串中某字符的下标
2.search(startIndex,endIndex)
可以查询字符串中某字符的下标
3.includes
字符串中是否包含某字符
4.match
返回的是一个数值，将匹配的字符返回一个数组

  1.         <script>
  2.         var str ="hello";
  3.         console.log(str.indexOf("o"))  //"4"    
  4.                 </script>
  6.         <script>
  7.         var str = "helloworld";
  8.         var res = str.search("r");
  9.         console.log(res)
  10.         console.log(str.search("a"))
  11.     </script>
  1.     <script>
  2.         //match返回的是一个数组，将匹配的字符返回一个数组
  3.         //存在返回数组//不存在返回null
  4.         var str ="你好你来你的";
  5.         var res=str .match("你");
  6.         console.log(res)
  7.         console.log(str.match("他"))
  9.     </script>

三. 替换

1.replace（condition，value）

  1. <script>
  2.         // replace（condition，value）
  3.         var str ="你好";
  4.         console.log(str.replace("你","他"))
  5.         var s ="hello";
  6.         console.log(s.replace("l","*"))
  7.     </script>

四. 分割

1. split

  1. ****
  2. <script>
  3.         var str ="hello";
  4.         console.log(str.split());
  5.         console.log(str.split(""))
  6.         console.log(str.split("e"))
  7.     </script>
  10. ****将"hello"--->"olleh"
  11.  <script>
  12.         var res="hello";
  13.         var arr =res.split("");
  14.         console.log((arr.reverse()).join(""))
  15.     </script>
  18. ****
  19. <script>
  20.         var str ="?key=你&age=18";
  21.         var res =str.slice(1);
  22.         var list =res.split("&")
  23.         console.log(list)
  24.         var key =list[0];
  25.         var age =list[1];
  26.         key = key.split("=")[1];
  27.         age = age .split("=")[1];
  28.         var obj ={
  29.             key,
  30.             age
  31.         }
  32.         console.log(obj)
  34.     </script>
  38. *****
  39. <script>
  40.         // 1.order=hot&cat=你&limit=35&offset=140
  41.         // 2.['order=hot', 'cat=你', 'limit=35', 'offset=140']
  42.         var url ="https://music.163.com/#/discover/playlist/?order=hot&cat=你&limit=35&offset=140"
  43.         var res = url.split("?")[1].split("&");
  44.         console.log(res)
  45.         var obj={};
  46.         // 3.需要让数组中每一项中第一项为key，第二项为value
  47.         res.forEach(item=>{
  48.             // console.log(item)
  49.             var list = item.split("=");
  50.             // console.log(list)
  51.             obj[list[0]]=list[1];
  53.         })
  54.             console.log(obj)
  55.     </script>

image.png

五. Object[获取属性及属性值]

  1. <script>
  2.         /*  
  3.         Object.keys()可以获取对象所有的属性
  4.         Object.values()可以获取对象所有属性的值
  5.         */
  6.        var obj ={
  7.            name:"李四",
  8.            age:39
  9.        }
  10.        var keys = Object.keys(obj)
  11.        var values = Object.values(obj)
  12.        console.log(keys)
  13.        console.log(values)
  14.     </script>

1. 过滤相同值

  1. <script>
  2.         var arr ={
  3.             A:[{city:"武汉"},{city:"广州"}],
  4.             B:[{city:"深圳"},{city:"广州"}],
  5.             C:[{city:"上海"},{city:"武汉"}]
  6.         }
  7.         var values = Object.values(arr);
  8.         values.forEach(item=>{
  9.             console.log(item)
  10.             item.forEach(city=>{
  11.                 console.log(city)
  12.             })
  13.         })
  14.     </script>