松软科技web课堂:字符串方法和属性_晚秋_前端开发者

字符串方法帮助您处理字符串。

字符串方法帮助您处理字符串。

字符串方法和属性

原始值,比如“Bill Gates”,无法拥有属性和方法(因为它们不是对象)。

但是通过 JavaScript,方法和属性也可用于原始值,因为在执行方法和属性时 JavaScript 将原始值视为对象。

字符串方法和属性

原始值,比如“Bill Gates”,无法拥有属性和方法(因为它们不是对象)。

但是通过 JavaScript,方法和属性也可用于原始值,因为在执行方法和属性时 JavaScript 将原始值视为对象。

字符串长度

length 属性返回字符串的长度:

实例

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

查找字符串中的字符串

indexOf() 方法返回字符串中指定文本首次出现的索引(位置):

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China");

JavaScript 从零计算位置。

0 是字符串中的第一个位置,1 是第二个,2 是第三个 …

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引:

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");

如果未找到文本, indexOf() 和 lastIndexOf() 均返回 -1。

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("USA");

两种方法都接受作为检索起始位置的第二个参数。

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China", 18);

lastIndexOf() 方法向后进行检索(从尾到头),这意味着:假如第二个参数是 50,则从位置 50 开始检索,直到字符串的起点。

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China", 50);

检索字符串中的字符串

search() 方法搜索特定值的字符串,并返回匹配的位置:

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.search("locate");

您注意到了吗?

两种方法,indexOf() 与 search(),是相等的

这两种方法是不相等的。区别在于:

  • search() 方法无法设置第二个开始位置参数。
  • indexOf() 方法无法设置更强大的搜索值(正则表达式)。

字符串长度

length 属性返回字符串的长度:

length 属性返回字符串的长度:

实例

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

var;
var

查找字符串中的字符串

indexOf() 方法返回字符串中指定文本首次出现的索引(位置):

indexOf() 方法返回字符串中指定文本首次出现的索引(位置):

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China");
var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China");

var;
var

JavaScript 从零计算位置。

0 是字符串中的第一个位置,1 是第二个,2 是第三个 …

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引:

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引:

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");
var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");

var;
var

如果未找到文本, indexOf() 和 lastIndexOf() 均返回 -1。

indexOf() 和 lastIndexOf() 均返回 -1。lastIndexOf() 均返回 -1。

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("USA");
var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("USA");

var;
var

两种方法都接受作为检索起始位置的第二个参数。

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China", 18);
var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China", 18);

var;
var

lastIndexOf() 方法向后进行检索(从尾到头),这意味着:假如第二个参数是 50,则从位置 50 开始检索,直到字符串的起点。

lastIndexOf() 方法向后进行检索(从尾到头),这意味着:假如第二个参数是 50,则从位置 50 开始检索,直到字符串的起点。

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China", 50);
var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China", 50);

var;
var

检索字符串中的字符串

search() 方法搜索特定值的字符串,并返回匹配的位置:

search() 方法搜索特定值的字符串,并返回匹配的位置:

实例

var str = "The full name of China is the People's Republic of China.";
var pos = str.search("locate");
var str = "The full name of China is the People's Republic of China.";
var pos = str.search("locate");

var;
var

您注意到了吗?

两种方法,indexOf() 与 search(),是相等的

indexOf()search()相等的

这两种方法是不相等的。区别在于:

  • search() 方法无法设置第二个开始位置参数。
  • indexOf() 方法无法设置更强大的搜索值(正则表达式)。
  • search() 方法无法设置第二个开始位置参数。
  • indexOf() 方法无法设置更强大的搜索值(正则表达式)。
  • var str = "The full name of China is the People's Republic of China.";
    var pos = str.search("locate");

    提取部分字符串

    有三种提取部分字符串的方法:

    • slice(startend)
    • substring(startend)
    • substr(startlength)
  • slice(startend)
  • startend

  • substring(startend)
  • startend

  • substr(startlength)
  • startlength

    slice() 方法

    slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。

    slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。

    该方法设置两个参数:起始索引(开始位置),终止索引(结束位置)。

    这个例子裁剪字符串中位置 7 到位置 13 的片段:

    实例

    var str = "Apple, Banana, Mango";
    var res = str.slice(7,13);
    var str = "Apple, Banana, Mango";
    var res = str.slice(7,13);

    var;
    var

    res 的结果是:

    Banana

    如果某个参数为负,则从字符串的结尾开始计数。

    这个例子裁剪字符串中位置 -12 到位置 -6 的片段:

    实例

    var str = "Apple, Banana, Mango";
    var res = str.slice(-13,-7);
    var str = "Apple, Banana, Mango";
    var res = str.slice(-13,-7);

    var;
    var

    res 的结果是:

    Banana

    如果省略第二个参数,则该方法将裁剪字符串的剩余部分,或者从结尾计数:

    实例

    var res = str.slice(7);
    var res = str.slice(-13);
    var res = str.slice(7);

    var

    var res = str.slice(-13);

    substring() 方法

    substring() 类似于 slice()。

    substring() 类似于 slice()。slice()。

    不同之处在于 substring() 无法接受负的索引。

    substring() 无法接受负的索引。

    实例

    var str = "Apple, Banana, Mango";
    var res = str.substring(7,13);
    var str = "Apple, Banana, Mango";
    var res = str.substring(7,13);

    var;
    var

    res 的结果是:

    Banana
    如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分。

    substring() 将裁剪字符串的剩余部分。

    substr() 方法

    substr() 类似于 slice()。

    substr() 类似于 slice()。slice()。

    不同之处在于第二个参数规定被提取部分的长度。

    实例

    var str = "Apple, Banana, Mango";
    var res = str.substr(7,6);
    var str = "Apple, Banana, Mango";
    var res = str.substr(7,6);

    var;
    var

    res 的结果是:

    Banana

    如果省略第二个参数,则该 substr() 将裁剪字符串的剩余部分。

    实例

    var str = "Apple, Banana, Mango";
    var res = str.substr(7);

    res 的结果是:

    Banana, Mango

    第二个参数不能为负,因为它定义的是长度。

    文章来源:www.sysoft.net.cn,加v:15844800162深度交流

    replace() 方法不会改变调用它的字符串。它返回的是新字符串。

    replace()

    默认地,replace() 只替换首个匹配

    replace()只替换首个匹配

    实例

    » 本文来自:前端开发者 » 《松软科技web课堂:字符串方法和属性_晚秋_前端开发者》
    » 本文链接地址:https://www.rokub.com/73639.html
    » 您也可以订阅本站:https://www.rokub.com
    赞(0)
    64K

    评论 抢沙发

    评论前必须登录!