JavaScript中字符串的常用方法总结

目录
  • 1.字符串长度
  • 2.查找字符串中的位置
    • indexOf()
    • lastIndexOf()
    • search()
  • 3.提取部分字符串
    • slice()
    • substring()
    • substr()
  • 4.替换字符串内容
  • 5.转换为大写和小写
  • 6.连接字符串
  • 7.删除字符串两端的空白符
  • 8.提取字符串字符

1.字符串长度

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

var str = "字符串常用方法总结-东东吖";
str.length;  //13

2.查找字符串中的位置

有三种查找字符串中的位置:

  • indexOf()
  • lastIndexOf()
  • search()

indexOf()

indexOf() 方法返回字符串中指定文本首次出现的索引(从0开始),如果没有则为-1,可以设置第二个参数,假如第二个参数是 10,则从位置 10 开始检索,直到字符串的起点。

var str = "字符串常用方法总结-东东吖";
str.indexOf('东')  //10
str.indexOf('东',11)  //11
str.indexOf('东东') //10
str.indexOf('方法')  //5
str.indexOf('前')  //-1

lastIndexOf()

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引(从尾到头),如果没有则为-1。可以设置第二个参数,假如第二个参数是 10,则从位置 10 开始检索,直到字符串的起点。(这里需认真理解最后一次的概念)

var str = "字符串常用方法总结-东东吖";
str.lastIndexOf('总')     //7
str.lastIndexOf('吖')    //12
str.lastIndexOf('东')    //11
str.lastIndexOf('东',10)  //10
str.lastIndexOf('东东')  //10
str.indexOf('前')       //-1

search()

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

var str = "字符串常用方法总结-东东吖";
str.search('方') //5
str.search('东') //10
str.search('东东') //10

您注意到了吗?

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

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

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

3.提取部分字符串

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

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

substring()和substr()记忆方法:有ing尾巴的使用尾巴,没尾巴的使用长度。

slice()

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

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

var str = "Apple, Banana, Mango";
str.slice(0,8);  // 'Apple, B'   注意此处空格也占一个位置

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

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

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

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

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

substring()

substring() 类似于 slice()

不同之处在于substring() 无法接受负的索引,同样可以省略第二个参数。

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

substr()

substr() 类似于 slice()

不同之处在于第二个参数规定被提取部分的长度,同样可以省略第二个参数、如果首个参数为负,则从字符串的结尾计算位置。

var str = "Apple, Banana, Mango";
str.substr(7,6);  //'Banana'
str.substr(7);   //'Banana, Mango'
str.substr(-5);  //'Mango'

4.替换字符串内容

  • replace() 方法用另一个值替换在字符串中指定的值
  • replace() 方法不会改变调用它的字符串。它返回的是新字符串
  • replace() 默认只替换首个匹配
  • 如需替换所有匹配,请使用正则表达式的 /str/g 标志(用于全局搜索):
  • 如需执行大小写不敏感的替换,请使用正则表达式/str/i(大小写不敏感):
var str ='我叫东东吖,我是一名前端工程师!';
str.replace("前","后");   // "我叫东东吖,我是一名后端工程师!"
str.replace("东","西");   //"我叫西东吖,我是一名前端工程师!"

var str = "Please visit Microsoft!";
str.replace(/MICROSOFT/i, "W3School");    // "Please visit W3School!"

5.转换为大写和小写

通过 toUpperCase() 把字符串转换为大写

通过 toLowerCase() 把字符串转换为小写

var str ="abc";
str.toUpperCase();    // "ABC" 

var str ="CBD";
str.toLowerCase();    //"cbd"

6.连接字符串

concat() 连接两个或多个字符串:

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

所有字符串方法都会返回新字符串。它们不会修改原始字符串。

正式地说:字符串是不可变的:字符串不能更改,只能替换。

7.删除字符串两端的空白符

trim() 方法删除字符串两端的空白符:

var str = "       Hello Worl d!        ";
str.trim();      // "Hello World!"

8.提取字符串字符

这是两个提取字符串字符的安全方法:

  • charAt() 方法返回字符串中指定下标(位置)的字符串:
  • charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码:
var str = "HELLO WORLD";
str.charAt(0);         //  H
str.charCodeAt(0);     // 72

到此这篇关于JavaScript中字符串的常用方法总结的文章就介绍到这了,更多相关JavaScript字符串内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • JavaScript字符串转换数字的方法

    目录 1.parseInt(string, radix) 2.Number() 3.parseFloat() 方法主要有:1.parseInt() :2.Number() :3.parseFloat() ; 下面来挨个介绍: 1.parseInt(string, radix) 解析一个字符串并返回指定基数的十进制整数或 NaN. 第一个参数要被解析的值.如果参数不是一个数字,则将其转换为数字: 第二个参数指定被解析值是几进制数 如果传入的第一个字符不能转换为数字,parseInt会返回 NaN.

  • javaScript操作字符串的一些常用方法

    目录 1. 获取字符串长度 2. 获取字符串指定位置的值 (1)charAt() (2)charCodeAt() 3. 检索字符串是否包含特定序列 (1)indexOf() (2)lastIndexOf() (3)includes() (4)startsWith() (5)endsWith() 4. 连接多个字符串 5. 字符串分割成数组 6. 截取字符串 (1) slice() (2) substr() (3) substring() 7. 字符串大小写转换 (1)toLowerCase()

  • js字符串分割处理的几种方法(6种)

    目录 1.slice(start, end) 2.substr(start, length) 3.substring(start, stop) 4.split(separator, length) 5.join(separator) 6.splice(start, length, …args) 前端开发中,字符串处理是比较常见的,笔者在最近复习的过程中也把它整理了出来. 首先,先来看看js截取三姐妹substring().subsstr().slice() 1.slice(start, end)

  • js中常见切割截取字符串的几种方法小结

    目录 1. split() 方法用于把一个 字符串 分割成 字符串数组 : 2. slice() 可提取字符串的某个部分,并以新的字符串返回被提取的部分: 3.substring() 提取字符串中介于两个指定下标之间的字符 4.join() 把数组中的所有元素转换一个字符串 5. charAt() 返回指定位置的字符 总结 切割截取字符串的几种方法 1. split() 方法用于把一个 字符串 分割成 字符串数组 : stringObject.split(str,length) var str

  • JavaScript实现字符串转数组的6种方法总结

    目录 1. 使用 .split('') 2.使用扩展语法 ([…str]) 3.使用 Array.from(str) 4.使用 Object.assign([], str) 5.使用老式方法(for loop 和 array.push()) 6.使用 Array.prototype.slice.call('string') 数组是 JavaScript 中最强大的数据结构,我发现自己通过将字符串转换为数组来解决许多算法.所以我想到了整合和比较各种方法来做同样的事情. 从字符串到数组的转换总是使用

  • JavaScript中字符串的常用方法总结

    目录 1.字符串长度 2.查找字符串中的位置 indexOf() lastIndexOf() search() 3.提取部分字符串 slice() substring() substr() 4.替换字符串内容 5.转换为大写和小写 6.连接字符串 7.删除字符串两端的空白符 8.提取字符串字符 1.字符串长度 length 属性返回字符串的长度: var str = "字符串常用方法总结-东东吖"; str.length; //13 2.查找字符串中的位置 有三种查找字符串中的位置:

  • Javascript中的数组常用方法解析

    前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.周五啦,博主的心又开始澎湃了,明儿个周末有木有,又可以愉快的玩耍了. 创建数组 创建数组的基本方式有两种,一种字面量,另一种使用构造函数创建: var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var ar

  • Javascript中String的常用方法实例分析

    本文实例讲述了Javascript中String的常用方法.分享给大家供大家参考.具体如下: // length属性:获取字符串的字符个数. var s='爱像一阵风'; alert(s.length); // charAt(index)方法:获取指定索引位置的字符,索引从0开始 var s1='我不要再想你'; alert(s1.charAt(4));//想 // indexOf('e',startIndex)方法:获取指定字符串第一次出现的位置.startIndex表示从第几个开始搜索. v

  • JavaScript中字符串分割函数split用法实例

    本文实例讲述了JavaScript中字符串分割函数split用法.分享给大家供大家参考.具体如下: 先来看下面这段代码: <script type="text/javascript"> var str="How are you doing today?" document.write(str.split(" ") + "<br />") document.write(str.split("&q

  • javascript中字符串的定义示例代码

    复制代码 代码如下: <html> <head> <title>javascript中字符串的定义</title> <script> //定义字符串 //第一种 var str = new Array(); alert(str);//空字符 //第二种 var str2 = new Array("hello"); alert(str2);//hello //第三种 /* String 对象可用字符串文字显式创建. 用这种方法创

  • JavaScript中字符串与Unicode编码互相转换的实现方法

    本文实例讲述了JavaScript中字符串与Unicode编码互相转换的实现方法.分享给大家供大家参考,具体如下: 这段代码演示了JavaScript中字符串与Unicode编码的转换: // 为了控制台的演示方便, 变量没有添加 var 定义 // 实际编程中请避免 // 字符串 str = "中文"; // 获取字符 char0 = str.charAt(0); // "中" // 数字编码值 code = str.charCodeAt(0); // 20013

  • Javascript中字符串相关常用的使用方法总结

    刚刚在看Javascript犀牛书,看到字符串这一节,平时工作接触到这方面的不多,想着整理下,以备不时只需. JavaScript的内置功能之一就是字符串连接,如果用'+'连接两个数字,表示两数相加.但是如果用于字符串,就表示第二个字符加在第一个字符之后. var num=1+2; console.log(num); var msg='hello'+'world'; console.log(msg); 对于字符串来说,除了有length属性,还有很多其他有用的属性,如: var str='hel

  • 浅谈javascript中字符串String与数组Array

    简单点就是string是字符(串)... 而array是数组...可以放数字啊,字符啊等一系列东东!!! 上个示例: 复制代码 代码如下: var str = "liuzhanqi"; document.write(str["length"]);//等价str.l ength  var str = string.fromcharcode(72, 101, 108, 108, 111, 33); document.write(str); //各整数作为unicode编

  • 基于JavaScript中字符串的match与replace方法(详解)

    1.match方法 match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配. match()方法的返回值为:存放匹配结果的数组. 2.replace方法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串. replace方法的返回值为:一个新的字符串. 3.说明 以上2个方法的参数在使用正则表达式时主要添加全局g,这样才能对字符串进行全部匹配或者替换. 示例代码: <!DOCTYPE html> <html lang

  • Oracle中字符串截取常用方法总结【推荐】

    substr 函数:截取字符串  语法:SUBSTR(string,start, [length]) string:表示源字符串,即要截取的字符串. start:开始位置,从1开始查找.如果start是负数,则从string字符串末尾开始算起. length:可选项,表示截取字符串长度. 示例: SELECT SUBSTR('Hello SQL!', 1) FROM dual --截取所有字符串,返回'Hello SQL!' SELECT SUBSTR('Hello SQL!', 2) FROM

随机推荐