JS操作字符串

1、函数:split()

把字符串按分隔符分割成数组。

语法:字符串.split(separator,limit);

separator:分隔符。

功能:使用一个指定的分隔符把一个字符串分割存储到数组

例子: str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);

//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组

分割后的数组当中是不包含这个参数的。它的左右必需切割成数组中的数据,如果没有的话,就为空。

1 var str='imguo';
2 var a=str.split('i');
3 console.log(a);//["", "mguo"]

如果参数没有,或者参数是一个空格字符,会把整个字符串分割成一个数组。

1 var str='imguo';
2 var a=str.split();
3 console.log(a);//["imguo"]

如果参数为一个空字符串的话,它会把字符串中的每一个字符都分成数组中的每一个数据。

1 var str='imguo';
2 var a=str.split('');
3 console.log(a);//["i", "m", "g", "u", "o"]

limit:分割后数组的长度,没有的话默认为全部。

1 var str='imguo';
2 var a=str.split('',2);
3 console.log(a);//["i", "m"]

返回值:
返回一个截取后的数组,原字符串不变。

2、函数:join()

功能:使用您选择的分隔符将一个数组合并为一个字符串

例子: var delimitedString=myArray.join(delimiter);

var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);

var portableList=myList.join(”|”);

//结果是jpg|bmp|gif|ico|png

3、函数:concat()

功能:将两个数组连接在一起;

例子:arr1=[1,2,3,4]

  arr2=[5,6,7,8]

  alert(arr1.concat(arr2))  //结果为[1,2,3,4,5,6,7,8]

4、函数:charAt()

index:索引值,如果参数没有,默认为0。
取值范围:0-字符串的length-1,如果超出这个范围,比如小于0或者大于等于length,会返回一个空字符。

功能:返回指定位置的字符。字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。

例子:var str='a,g,i,d,o,v,w,d,k,p'

alert(str.charAt(2))  //结果为g

5、函数:charCodeAt()

index:索引值,如果参数没有,默认为0。
取值范围:0-字符串的length-1,如果超出这个范围,比如小于0或者大于等于length,会返回一个NaN。

功能:charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

方法 charCodeAt() 与 charAt() 方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,而后者返回的是字符子串。

例子:var str='a,g,i,d,o,v,w,d,k,p'

alert(str.charCodeAt(2))  //结果为103。即g的Unicode编码为103

6、函数:slice()

beginSlice:起始位置。
endSlice:结束位置,没有这个参数默认为最后一个字符的位置。

如果两个参数都没有的话,返回整个字符串。

功能:arrayObject.slice(start,end)

start:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

返回一个新的数组,包含从start到end(不包括该元素)的arrayobject中的元素。

例子:var str='ahji3o3s4e6p8a0sdewqdasj'

alert(str.slice(2,5))   //结果ji3

7、函数:substring()

定义和用法 substring 方法用于提取字符串中介于两个指定下标之间的字符。

语法:字符串.substring(indexStart,indexEnd);

indexStart:起始位置,必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。。
indexEnd:结束位置,一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。

如果省略该参数,那么返回的子串会一直到字符串的结尾。

返回 一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。 说明 substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。 如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。 如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。 如果 start 或 end 为负数,那么它将被替换为 0。

例子:

1 var str='hello';
2 var a=str.substring(1);
3 console.log(a);//ello
4 var str='hello';
5 var a=str.substring(1,3);
6 console.log(a);//el

如果两个参数都没有,返回整个字符串。

1 var str='hello';
2 var a=str.substring();
3 console.log(a);//hello

返回值:
返回截取的字符串,原字符串不变。

substring()和slice()的区别

1、slice的参数可以为负数,slice的起始位置是不能大于结束位置的。
2、substring的参数必需为正数,substring的起始位置可以大于结束位置,它会自动把两个位置调换。

8、函数:substr

定义和用法 substr 方法用于返回一个从指定位置开始的指定长度的子字符串。

语法:字符串.substr(start,length);

参数  start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。

   length 可选。在返回的子字符串中应包括的字符个数。 说明 如果 length 为 0 或负数,将返回一个空字符串。 如果没有指定该参数,则子字符串将延续到stringObject的最后。

返回值:返回一个截取后的字符串,原字符串不变。

举例: var str = "0123456789";

   alert(str.substring(0));------------"0123456789"

   alert(str.substring(5));------------"56789"

  alert(str.substring(10));-----------""

  alert(str.substring(12));-----------""

  alert(str.substring(-5));-----------"0123456789"

  alert(str.substring(-10));----------"0123456789"

  alert(str.substring(-12));----------"0123456789"

  alert(str.substring(0,5));----------"01234"

  alert(str.substring(0,10));---------"0123456789"

  alert(str.substring(0,12));---------"0123456789"

  alert(str.substring(2,0));----------"01"

  alert(str.substring(2,2));----------""

  alert(str.substring(2,5));----------"234"

  alert(str.substring(2,12));---------"23456789"

  alert(str.substring(2,-2));---------"01"

  alert(str.substring(-1,5));---------"01234"

  alert(str.substring(-1,-5));--------""

9、函数:indexOf()

作用:
通过字符去找对应的下标值,找这个字符首次出现的位置(从左往右)。

语法:字符串.indexOf(searchValue,fromIndex);

参数:
searchValue:要找的字符。
fromIndex:开始查找的位置,默认值为0。

1 var str='imguo';
2 var a=str.indexOf('i');
3 console.log(a);//0
4 var b=str.indexOf('uo');
5 console.log(b);//3
6 var c=str.indexOf('g',2);
7 console.log(c);//2,从下标为2(g)的字符开始查找,找到以后,返回这个字符在整个字符串中的下标值。

返回值:
如果查到的话,返回这个字符对应的下标值。如果没查到,返回-1。

1 var d=str.indexOf('g',3);
2 console.log(d);//-1,因为下标3的字符是u,从u往后找不到g了,所以返回-1,如果此时将字符串改为'imguog'的话,返回的就是5。

10、函数:lastIndexOf()

作用:
跟indexof的作用一样,只不过它查找的顺序是从右往左找。

语法:字符串.lastIndexOf(searchValue,fromIndex);

参数:
searchValue:要找的字符。
fromIndex:从哪里开始找,没有参数的话默认为str.length-1。从下标对应的字符开始往右找,找到字符后,返回这个字符在整个字符中的位置,如果有多个相同的字符,则返回这个字符最后出现的位置。

1 var str='imguo';
2 var a=str.lastIndexOf('u');
3 console.log(a);//3 它是从右往左找,找到后返回这个字符在整个字符串里的下标值
4 var str1='heiha';
5 var b=str1.lastIndexOf('h');
6 console.log(b);//3 虽然找到两个h,但是它返回的是从左至右最后一个h的位置,所以是3
7 var c=str1.lastIndexOf('h',1);
8 console.log(c);//0

返回值:
如果查到的话,返回这个字符对应的下标值。如果没查到,返回-1。

1 var str='imguo';
2 var d=str.lastIndexOf('b',3);
3 console.log(d);//-1 字符里没有找到b

11、函数:toLowerCase()

作用:把字符串转成全小写。

语法:字符串.toLowerCase();

返回值:返回一个全小写的字符串,原字符串不变。

1 var str='ImGuoWei';
2 var a=str.toLowerCase();
3 console.log(a);//"imguowei"

12、函数:toUpperCase()

作用:把字符串转成全大写。

语法:字符串.toUpperCase();

返回值:返回一个全大写的字符串,原字符串不变。

1 var str='welcome';
2 var a=str.toUpperCase();
3 console.log(a);//"WELCOME"

13、函数:trim()

作用:去掉字符串前后的所有空格。

语法:字符串.trim();

返回值:返回一个不包含首尾空格的字符串,原字符串不变。

1 var str='          abc efg    ';
2 var a=str.trim();
3 console.log(a);//"abc efg" 只去除首尾的空格

JS操作字符串的更多相关文章

  1. JS操作字符串常用的方法

    JS操作String对象的方法 charAt(index):返回指定索引处的字符串charCodeAt(index):返回指定索引处的字符的Unicode的值concat(str1,str2,...) ...

  2. js 操作 字符串

    去w3school看看string的基本方法把: 方法描述 anchor()    创建 HTML 锚.    big()    用大号字体显示字符串.    blink()    显示闪动字符串.  ...

  3. js操作字符串的常用方法

    使用 substring()或者slice() 函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 例子: str=”jpg|bmp|gif|ico|png”; arr=the ...

  4. js 操作字符串方法记录

    var str="helloworld"; 这三个方法如果只传一个参数默认截取到最后..将截取的字符返回,对原字符串没有任何改变 slice(star,end)//从索引star开 ...

  5. js写的替换字符串(相当于js操作字符串的一个练习)

    1.达到的效果 1./main_1.do,/left_1.do -> main:1,left:1 2./tbl_type/v_list_{id}.do -> tbl_type:list:{ ...

  6. js对字符串的操作

    js对字符串的操作 concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串. indexOf() – 返回字符串中一个子串第一处出现的索引.如果没有匹配项,返回 -1 . charA ...

  7. JS常见操作,日期操作,字符串操作,表单验证等

    复制代码 //第一篇博文,希望大家多多支持 /***** BasePage.js 公共的 脚本文件 部分方法需引用jquery库 *****/ //#region 日期操作 //字符串转化为时间. f ...

  8. javascript、js操作json对象和字符串互相转换方法

    相信前端的同学们对json并不陌生,接触过很多.但是很少人知道json的全称是什么,哈哈,我也是查资料知道的.(JSON JavaScript Object Notation是一种轻量级的数据交换格式 ...

  9. JS操作JSON总结

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

随机推荐

  1. 使用HttpClient和WebRequest时POST一个对象的写法

    [一]步骤: 1)将对象转化为Json字符串. 2)将Json字符串编码为byte数组. 3)设置传输对象(WebRequest或者HttpClient)的ContentType是"appl ...

  2. JAVA进阶11

    间歇性混吃等死,持续性踌躇满志系列-------------第11天 1.ArrayList package cn.intcast.demo11; import java.util.ArrayList ...

  3. Rich feature hierarchies for accurate object detection and semantic segmentation(理解)

    0 - 背景 该论文是2014年CVPR的经典论文,其提出的模型称为R-CNN(Regions with Convolutional Neural Network Features),曾经是物体检测领 ...

  4. codeblocks1712设置中文

    下载汉化包:百度网盘,密码:7rrz 下载后放到安装目录:D:\Program Files (x86)\CodeBlocks\share\CodeBlocks\locale\zh_CN(根据个人安装目 ...

  5. ansible入门及组件介绍

    Ansible简介 Ansible是自动化运维的工具,基于Python开发,实现了批量系统配置.批量程序部署.批量运行命令等功能.Ansible是基于模块工作的,ansible提供一个框架,通过模块实 ...

  6. vmware 14 密钥

    VMware 2017 v14.x 永久许可证激活密钥 FF31K-AHZD1-H8ETZ-8WWEZ-WUUVA CV7T2-6WY5Q-48EWP-ZXY7X-QGUWD 来源链接: http:/ ...

  7. 【原创】大数据基础之Spark(8)Spark中Join实现原理

    spark中join有两种,一种是RDD的join,一种是sql中的join,分别来看: 1 RDD join org.apache.spark.rdd.PairRDDFunctions /** * ...

  8. 快速搭建一个Spring Boot + MyBatis的开发框架

    前言:Spring Boot的自动化配置确实非常强大,为了方便大家把项目迁移到Spring Boot,特意总结了一下如何快速搭建一个Spring Boot + MyBatis的简易文档,下面是简单的步 ...

  9. Jmeter性能测试之参数化(二)

    Jmeter参数化主要有3种方式: 1. Add--> Pre Processors--> User Parameters 2. Add--> Config Element--> ...

  10. 一分30秒 kali 开机显示 a start job is running for dev-disk 处理

    在给kali虚拟机扩容后,使用fdisk  /dev/sda  更改新建分区后,重启系统出现一分30秒等待. 解决方案:    (root 权限) 第一步:sudo blkid (查看当前系统的真实的 ...