js — 字符串_冘醉_前端开发者

目录
  • 1. 拼接字符串
  • 1. 拼接字符串

  • 2. 获取字符的方法
  • 2. 获取字符的方法

  • 3. 字符串操作方法(切片)
  • 3. 字符串操作方法(切片)

  • 4. 字符串位置方法 — 索引
  • 4. 字符串位置方法 — 索引

  • 5. trim()方法
  • 5. trim()方法

  • 6. 字符串大小写转换方法
  • 6. 字符串大小写转换方法

    字符串

    typeof 用于校验当前变量的数据类型

    var b = 'asd'
    console.log(typeof b); 
    

    var b = 'asd'
    console.log(typeof b);

    1. 拼接字符串

    在Javascript中拼接字符串使用加号(+)操作符,之前我们是拿+来做数字加法运算,但是在这种情况下,它做了一下不同的事情。

    <script>
        var name = 'wusir', age = 28;
        //es6以下版本的字符串拼接
        var str = name + '今年是' + age + '岁了,快要结婚了,娶了个黑姑娘';
        console.log(str);
        //es6的模板字符串: ``反引号
        var str2 = `${name}今年是${age}岁了,快要结婚了,娶了个黑姑娘`;
        console.log(str2);
    </script>
    

    <script>
    var name = 'wusir', age = 28;
    //es6以下版本的字符串拼接
    var str = name + '今年是' + age + '岁了,快要结婚了,娶了个黑姑娘';
    console.log(str);
    //es6的模板字符串: ``反引号
    var str2 = `${name}今年是${age}岁了,快要结婚了,娶了个黑姑娘`;
    console.log(str2);
    </script>

    2. 获取字符的方法

    访问字符串中特定字符的方法:

    • charAt() 以单字符字符串的形式返回给定位置的那个字符 (ECMAScript 中没有字符类型)。
    • charCodeAt() 以单字符字符串的形式返回给定位置的那个字符的ASCII编码
  • charAt() 以单字符字符串的形式返回给定位置的那个字符 (ECMAScript 中没有字符类型)。
  • charCodeAt() 以单字符字符串的形式返回给定位置的那个字符的ASCII编码
  • 这两个方法都接收一个 参数,即基于 0 的字符位置。

    3. 字符串操作方法(切片)

    1.concat() 用于将一或多个字符串拼接起来, 返回拼接得到的新字符串。

    2.基于子字符串创建新字符串的方法: slice()、substr() 和 substring()

    这三个方法都会返回被操作字符串的一个子字符串,而且也都接受一或两个参数。第一个参数指定字符串的开始位置,第二个参数(在指定的情况下)表示字符串到哪里结束。

    • slice() 和 substring() 的第二个参数指定的是字符串最后一个字符后面的位置。
    • substr() 的第二个参数指定的则是返回的字符个数。如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置。
  • slice() 和 substring() 的第二个参数指定的是字符串最后一个字符后面的位置。
  • substr() 的第二个参数指定的则是返回的字符个数。如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置。
  • var stringValue = "hello world";
    alert(stringValue.slice(3));//"lo world"
    alert(stringValue.substring(3));//"lo world"
    alert(stringValue.substr(3));//"lo world"
    alert(stringValue.slice(3, 7));//"lo w"
    alert(stringValue.substring(3,7));//"lo w"
    alert(stringValue.substr(3, 7));//"lo worl"
    
    alert(stringValue.slice(-3));//"rld" 
    alert(stringValue.substring(-3));//"hello world"
    alert(stringValue.substr(-3)); //"rld"
    alert(stringValue.slice(3, -4));//"lo w" 
    alert(stringValue.substring(3, -4));//"hel"
    alert(stringValue.substr(3, -4)); //""(空字符串)
    

    var stringValue = "hello world";
    alert(stringValue.slice(3));//"lo world"
    alert(stringValue.substring(3));//"lo world"
    alert(stringValue.substr(3));//"lo world"
    alert(stringValue.slice(3, 7));//"lo w"
    alert(stringValue.substring(3,7));//"lo w"
    alert(stringValue.substr(3, 7));//"lo worl"

    alert(stringValue.slice(-3));//"rld"
    alert(stringValue.substring(-3));//"hello world"
    alert(stringValue.substr(-3)); //"rld"
    alert(stringValue.slice(3, -4));//"lo w"
    alert(stringValue.substring(3, -4));//"hel"
    alert(stringValue.substr(3, -4)); //""(空字符串)

    4. 字符串位置方法 — 索引

    从字符串中查找子字符串的方法: indexOf() 和 lastIndexOf()

    indexOf() 和 lastIndexOf() 都是从 一个字符串中搜索给定的子字符串,然后返回子字符串的位置(如果没有找到该子字符串,则返回-1)。

    indexOf() 和 lastIndexOf() 的区别:

    • indexOf() 方法从字符串的开头向后搜索子字符串
    • lastIndexOf() 方法 是从字符串的末尾向前搜索子字符串
  • indexOf() 方法从字符串的开头向后搜索子字符串
  • lastIndexOf() 方法 是从字符串的末尾向前搜索子字符串
  • var stringValue = "hello world";
    alert(stringValue.indexOf("o"));             //4
    alert(stringValue.lastIndexOf("o"));         //7
    alert(stringValue.indexOf("o", 6));         //7
    alert(stringValue.lastIndexOf("o", 6));     //4
    

    var stringValue = "hello world";
    alert(stringValue.indexOf("o")); //4
    alert(stringValue.lastIndexOf("o")); //7
    alert(stringValue.indexOf("o", 6)); //7
    alert(stringValue.lastIndexOf("o", 6)); //4

    5. trim()方法

    trim()方法 — 删除字符串的前后空格

    var stringValue = "   hello world   ";
    var trimmedStringValue = stringValue.trim();
    alert(stringValue);            //"   hello world   "
    alert(trimmedStringValue);     //"hello world"
    

    var stringValue = " hello world ";
    var trimmedStringValue = stringValue.trim();
    alert(stringValue); //" hello world "
    alert(trimmedStringValue); //"hello world"

    6. 字符串大小写转换方法

    ECMAScript 中涉及字符串大小写转换的方法:toUppercase() 、tolowercase()

    var stringValue = "hello world"
    //转大写
    alert(stringValue.toUpperCase()); //"HELLO WORLD"
    //转小写
    alert(stringValue.toLowerCase()); //"hello world"
    

    var stringValue = "hello world"
    //转大写
    alert(stringValue.toUpperCase()); //"HELLO WORLD"
    //转小写
    alert(stringValue.toLowerCase()); //"hello world"

    » 本文来自:前端开发者 » 《js — 字符串_冘醉_前端开发者》
    » 本文链接地址:https://www.rokub.com/73307.html
    » 您也可以订阅本站:https://www.rokub.com
    赞(0)
    64K

    评论 抢沙发

    评论前必须登录!