资讯专栏INFORMATION COLUMN

javascript中字符串常用方法

qpal / 2982人阅读

摘要:代码示例在中首次出现的位置下标是提取字符串的片段用于提取字符串中的片段,并在新的字符串中返回被提取的部分该方法至少接收一个参数语法参数类型描述必须。代码示例提取字符串中指定数目的字符串方法用于提取字符串中指定数目的字符串。子串中的字符数。

字符串是存储字符的变量,字符串类型的变量在声明的时候,需要放在一对英文的双引号或单引号内,引号内的文本可以写任意字符,如下:

var x="hello";
var y="world";
var x="_*&#!)";
1.1字符串常用的属性 字符串的长度

我们可以通过字符串的length属性得到字符串的长度,得到的长度为number类型

代码示例:

var str1="hello world";
console.log(str1.length);       //11
1.2字符串常用的方法 (1).字符串的拼接(连接)

多个字符串连接成一个字符串,可以使用英文加号+

var name="张三";
var outTxt="你好,我叫"+name;
console.log(outTxt);        //你好,我叫张三
(2).字符串的检索

indexOf(),用于返回某个指定的字符串值在字符串中首次出现的位置。

该方法接收一个参数。该方法返回结果为一个整数。如果没有找到匹配的字符串则返回-1;

语法:string.indexOf(str);

参数 类型 描述
str string 必选。要检索的字符串。

代码示例:

var txt="hello world";
console.log(txt.indexOf("he"));               //0
console.log(txt.indexOf("e"));               //1
console.log(txt.indexOf("l"));               //2   "l"在"hello world"中首次出现的位置下标是2
console.log(txt.indexOf("m"));               //-1
(3).提取字符串的片段

slice()用于提取字符串中的片段,并在新的字符串中返回被提取的部分,该方法至少接收一个参数

语法: string.slice(start,end);

参数 类型 描述
strat number 必须。要提取的片段的起始下标。可为负值
end number 可选。要提取的片段的结尾下标,如果不传,则提取的字符串从开始下标到字符串结束。可为负值

代码示例:

var txt="hello world";
console.log(txt.slice(3));      // lo world
console.log(txt.slice(3,8));    // lo wo
(4).替换字符串

replace()方法是用新的字符串替换原字符串中的字符或子串。该方法接收两个参数。

语法:string.replace(regexp/substr,replacement)

参数 类型 描述
regexp/substr RegExp对象/string 必需。被替换的字符串或被替换的模式的 RegExp 对象。
replacement string 必需。替换文本

备注:RegExp对象(正则表达式)会有专门的章节介绍

代码示例:

var txt="hello world";
console.log(txt.replace("h","H"));          //Hello world
console.log(txt.replace("l","L"));          //heLlo world  这里只将txt中的第一个‘l’替换成了‘L’,如果要替换全部‘l’,要使用RegExp对象
console.log(txt.replace(/l/g,"L"));     //heLLo worLd;
(5).把一个字符串分割成字符串数组

split()方法会把一个字符串按照特殊的分隔符分割,分割后的结果是一个字符串数组。

该方法至少接收一个参数,语法:string.split(separator,howmany)

参数 类型 描述
separator string 必需。分割符,可以是字符串、字符或正则表达式。
howmany number 可选。 分割后返回的数组的最大长度。

代码示例:

var txt="How are you?";
console.log(txt.split(" "));        //["How","are","you?"]

var txt2="How are you doing today?";
console.log(txt2.split(" ",2));     //["How","are"]
(6).提取字符串中指定数目的字符串

substr()方法用于提取字符串中指定数目的字符串。该方法至少接收一个参数。

语法:string.substr(start,length);

参数 类型 描述
start number 必需。要提取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。
length number 可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 开始位置到结尾的字串

代码示例:

var txt="hello world";
console.log(txt.substr(2,3));           //llo
console.log(txt.substr(2));         //llo world

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97507.html

相关文章

  • Javascript符串常用方法详解

    摘要:属性里的字符串类似于数组,都是一个一个字符拼凑在一起组成的,因此可以用属性取得字符串的长度字符串常用的一些方法返回字符串的第个字符,如果不在之间,则返回一个空字符串。如果匹配成功,则返回正则表达式在字符串中首次匹配项的索引否则,返回。 字符串 字符串就是一个或多个排列在一起的字符,放在单引号或双引号之中。 abc abc length属性js里的字符串类似于数组,都是一个一个字...

    Wildcard 评论0 收藏0
  • JavaScript Array对象常用方法

    摘要:省略则对数组元素进行排序返回该数组从数组中添加删除项目返回被删除的元素插入替换删除 Array对象常用方法 不改变原数组 concat() join() slice() toString() 改变原数组 pop() push() reverse() shift() unshift() sort() splice() 不改变原数组 array.concat(array) 连接两个...

    wangdai 评论0 收藏0
  • 常用JavaScript操作CSS方法总结

    摘要:返回值一个对象集合,包含六个属性上下左右宽高注意只用于行内元素只能获取样式只读获取元素位置获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。返回一个类数组对象,其包含样式表中所有规则。 [TOC] 获取样式 元素对象的宽高位置距离等属性 如offsetWidht、cilentWidht、scrollWidth…… let oWidth=obj.offsetWidth; 注意...

    enali 评论0 收藏0
  • js符串常用的一些方法

    摘要:返回字符串的长度字符串属性返回字符串的第个字符,如果不在之间,返回一个空字符串返回在字符串中首次出现的位置从位置开始查找,如果不存在,则返回。 (1) str.length => 返回字符串的长度(字符串属性) var str = JavaScript; str.length; // 10 (2) str.charAt(n) => 返回字符串的第n个字符,如果n不在0 ~ str.le...

    刘福 评论0 收藏0
  • javascript数组常用方法

    摘要:数组常用方法数组作为中常用的数据类型使我们用的最多的在其他地方可以搜索出很多对其方法的总结本文列举了笔者认为的个人认为最为重要的一系列方法字符串数组转换数组字符串转换转换时可以添加符号还有一个是查找元素返回第一个与参数相同的元素的索引。 js数组常用方法 数组作为js中常用的数据类型使我们用的最多的, 在其他地方可以搜索出很多对其方法的总结, 本文列举了笔者认为的(个人认为^_^)最为...

    GraphQuery 评论0 收藏0

发表评论

0条评论

qpal

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<