1-1增加

  1.  var str="hello";
  2. var s="world";
  3. console.log(str.concat(s))//helloworld

1-2查询

//str[i]
//str.slice(startIndex.endIndex);不包含endIndex
//str.substr(index,length)
//str.substring(startIndex.endIndex);不包含endIndex

  1. <script>
  2.         //str[i]
  3.         //str.slice(startIndex.endIndex);不包含endIndex
  4.         //str.substr(index,length)
  5.         //str.substring(startIndex.endIndex);不包含endIndex
  6.         var str="hello"
  7.         console.log(str[0]);//h
  8.         console.log(str.slice(1,3));//el
  9.         console.log(str.substr(0,2));//he
  10.         console.log(str.substring(0,3));//hel
  11. </script>

//charAT 获取指定下标的值

  1. <script>
  2.         var str="hello";
  3.         //输出下标为1的值
  4.         console.log(str.charAt(1))//e
  5. </script>

1-3获取值的下标 indexOf（）和search()

indexOf()(indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。)

  1. var str="hello";
  2. //输出值的下标
  3. console.log(str.indexOf("h"));//0

search()也可以用来判断某个值是否存在（相匹配的字符串的起始位置）

  1.  //search用法同indexOf;
  2. var str="你是谁";
  3. var index=str.search("你");
  4. var s=str.search("ta");
  5. console.log(index); //0
  6. console.log(s);//-1

1-4includes判断字符串中是否有字符

  1. var str="hello";
  2. console.log(str.includes("h"));//true
  3. console.log(str.includes("he"));//true
  4. console.log(str.includes("ha"));//flase

例子

  1. <body>
  2.     <input type="text" name="" id="input">
  3.     <script>
  4.         var input = document.getElementById("input");
  5.         var arr = [
  6.             { name: "圈住你,你在哪里", id: 4551 },
  7.             { name: "hello", id: 4551 },
  8.             { name: "怪你，啦啦啦", id: 4551 },
  9.             { name: "hello", id: 4551 }
  10.         ]
  12.         /* 1.enter 回车获取关键字 */
  13.         input.onkeydown = function (event) {
  14.             if (event.keyCode == 13) {
  15.                 var value = this.value;
  17.                 /* 2.使用关键字，对数据查询，得到一个数组 */
  18.                 if (value!="") {
  19.                     var res = arr.filter(item => {
  20.                         return item.name.includes(value);
  21.                     })
  22.                 }
  23.                 /* name的字符超过3位以...结尾 */
  24.                 arr.map(item => {
  25.                     if (item.name.length > 3) {
  26.                         return item.name = item.name.slice(0, 3) + "..."
  27.                     }
  28.                 })
  29.                 console.log(res)
  30.             }
  31.         }
  34.     </script>
  35. </body>

1-5split 将字符串分割成数组

  1. var str="hello";
  2. var arr=str.split("");
  3. console.log(arr);//["h", "e", "l", "l", "o"];
  4. console.log(str.split());//["hello"];
  5. console.log(str.split("e"));//["h", "llo"];

例子
将字符串反向输出

  1.  var str="hello";
  2. var arr=str.split("");
  3. var a=arr.reverse();
  4. console.log(a);//["o", "l", "l", "e", "h"]
  5. console.log(a.join(""));//"olleh"

1-6match() 返回匹配的字符，返回一个数组

  1. var str="hello";
  2. var arr=str.match("l");
  3. console.log(arr);   //["l"];

1-7replace() 替换

replace(替换对象，替换内容）

  1. var str="hello";
  2. console.log(str.replace("l","#"));//he#lo

1-8.trim()去除字符串前后的空格
**相当于/^\s+|\s+$/g 

  1. var str="  hello  ";
  2. var arr=[];
  3. arr.push(str.trim());
  4. console.log(arr); //["hello"]