1. length

获取字符串的长度 (这个是属性,不是方法)

  1. var a = "hello world";
  2. alert(a.length) //11

2. concat( )增加

concat() 方法用于连接两个或多个字符串。

  1. var a = "hello world";
  2. var b = "good";
  3. var c = a.concat(b);
  4. console.log(c); //hello worldgood
  5. //基本类型的方法都不可以改变它原来的值,除非用一个变量接一下,赋值
  6. var str = "hello world"
  7. str.concat("good");
  8. console.log(str); //hello world
  9. str = str.concat("good");
  10. console.log(str); //hello worldgood

image.png

3. charAt(index)查询

charAt(index) :获取在指定下标的字符

  1. var a = "hello world";
  2. alert(a.charAt(0)) //

image.png

4. indexOf(value)

查询字符串值的下标

  1. indexOf(value) 检索字符串出现的位置
  2. var a = "hello world";
  3. var b = a.indexOf(“h”); //0;
  4. var c = a.indexOf(“a”); //-1如果没有返回-1

5. slice(start,end) 截取字符串

ps:截取的字符串包含start,不包含end

  1. // stringObject.slice(start,end) startIndex<=num<end
  2. //开始项的下标start,最后一项的后一项的下标end
  3. var a = "hello world";
  4. var b = a.slice(0,2);
  5. console.log(b); //”he”

image.png

6. substr(start,length)

语法:stringObject.substr(start,length)

  1. var a = "hello world";
  2. var b = a.substr(0,7);
  3. var c = a.substr(1,7);
  4. console.log(b);
  5. console.log(c)

image.png

7. substring(start,stop)

语法:stringObject.substring(start,stop)

ps:截取的字符串包含start,不包含stop

  1. var a = "hello world";
  2. var b = a.substring(0,2);
  3. console.log(b); //”he”

image.png

8. split( )

split( ) 方法用于把一个字符串分割成字符串数组。
stringObject.split(separator,howmany)

  1. var a = "hello world";
  2. var b = a.split("");
  3. console.log(b);

QQ图片20190916220546.png

题目一要求:将let’s go home变为s’tel og emoh

  1. var str = "let's go home";
  2. /* s'tel og emoh */
  3. /*
  4. 1.将字符串分割为数组split(" ")
  5. ["let's","go","home"]
  6. */
  7. /* [[l,e,t,',s],[g,o],[h,o,m,e]] */
  8. /* reverse */
  9. /* [[s,',t,e,l],[o,g],[e,m,o,h]] */
  10. /* join */
  11. /* ["s'tel","og","emoh"] */
  12. /* join */
  13. /* s'tel og emoh */

map遍历

  1. var arr = str.split(" ");
  2. var newArr = arr.map(item=>{
  3. return item.split("").reverse().join("")
  4. })
  5. console.log(newArr.join(" "))

image.png
forEach遍历

  1. var arr = str.split(" ");
  2. var all = []
  3. arr.forEach(item=>{
  4. let i = item.split("").reverse().join("")
  5. all.push(i)
  6. })
  7. console.log(all.join(" "))

image.png

9. str.search( )

返回下标
-1 字符串不包含这个值

  1. var a = "hello world";
  2. console.log(a.search("m"));
  3. console.log(a.search("l"));

image.png

10. startsWith 返回布尔值

  1. var http = "https://www.baidu.com"
  2. console.log(http.startsWith("https")) //true

image.png
题目二:筛选tian字音或者“天”开头的城市

  1. var cities = [{spell:"tianmen",city:"天门"},{spell:"tianshui",city:"天水"},
  2. {spell:"tianjin",city:"天津"},{spell:"wuhan",city:"武汉"},
  3. {spell:"tianzifang",city:"田子坊"}]
  4. var arr = []
  5. cities.forEach((item,index)=>{
  6. if(item.spell.startsWith("tian")||item.city.startsWith("天")){
  7. arr.push(item.city)
  8. }
  9. }
  10. )
  11. console.log(arr)
  12. //"天门""天水" "天津" "田子坊"

image.png

11. match( ) 返回匹配的值,是一个数组

  1. var a ="hello";
  2. console.log(a.match("l"));

image.png

12. replace( )替换

  1. var a ="hello";
  2. var b = a.replace("l","*");
  3. console.log(b);

image.png

13. trim( )

方法会从一个字符串的两端删除空白字符。在这个上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行终止符字符(如 LF,CR等)。

  1. <script>
  2. var greeting = ' Hello world! ';
  3. console.log(greeting);
  4. console.log(greeting.trim());
  5. </script>

image.png

14. JSON.parse( )

将json格式的字符串转换为json对象

  1. var obj = '{"name":"huang","age":18}';
  2. var b = JSON.parse(obj);
  3. console.log(b)
  4. console.log(typeof(b))

image.png

15. toUpperCase()

方法返回一个将调用字符串转换为大写形式的值。(如果这个值不是字符串则会被变成字符串)

  1. const a = "sapodexunlu"
  2. console.log(a.toUpperCase());

image.png

将非字符串形式的this值转换成字符

这个方法会将任何非字符串形式的值转换成字符串, 当你把这个值的 this 设置成一个不是字符串的值时:

  1. const a = String.prototype.toUpperCase.call({
  2. toString: function toString() {
  3. return 'abcdef';
  4. }
  5. });
  6. const b = String.prototype.toUpperCase.call(true);
  7. console.log(a, b);

image.png