JS操作字符串
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操作字符串的更多相关文章
- JS操作字符串常用的方法
JS操作String对象的方法 charAt(index):返回指定索引处的字符串charCodeAt(index):返回指定索引处的字符的Unicode的值concat(str1,str2,...) ...
- js 操作 字符串
去w3school看看string的基本方法把: 方法描述 anchor() 创建 HTML 锚. big() 用大号字体显示字符串. blink() 显示闪动字符串. ...
- js操作字符串的常用方法
使用 substring()或者slice() 函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 例子: str=”jpg|bmp|gif|ico|png”; arr=the ...
- js 操作字符串方法记录
var str="helloworld"; 这三个方法如果只传一个参数默认截取到最后..将截取的字符返回,对原字符串没有任何改变 slice(star,end)//从索引star开 ...
- js写的替换字符串(相当于js操作字符串的一个练习)
1.达到的效果 1./main_1.do,/left_1.do -> main:1,left:1 2./tbl_type/v_list_{id}.do -> tbl_type:list:{ ...
- js对字符串的操作
js对字符串的操作 concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串. indexOf() – 返回字符串中一个子串第一处出现的索引.如果没有匹配项,返回 -1 . charA ...
- JS常见操作,日期操作,字符串操作,表单验证等
复制代码 //第一篇博文,希望大家多多支持 /***** BasePage.js 公共的 脚本文件 部分方法需引用jquery库 *****/ //#region 日期操作 //字符串转化为时间. f ...
- javascript、js操作json对象和字符串互相转换方法
相信前端的同学们对json并不陌生,接触过很多.但是很少人知道json的全称是什么,哈哈,我也是查资料知道的.(JSON JavaScript Object Notation是一种轻量级的数据交换格式 ...
- JS操作JSON总结
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...
随机推荐
- day 14 - 1 生成器
生成器 生成器 生成器的本质就是迭代器生成器的表现形式 生成器函数 生成器函数 —— 本质上就是我们自己写得函数 生成器表达式生成器函数: 含有 yield 关键字的函数就是生成器函数 特点: 调用函 ...
- ssm心得
dao层 mybatis mapper工厂spring接管后,直接拿到mapper接口就可以来实现方法 service层 注入dao层的mapper实现各种方法.. controller 层 注入se ...
- pythonのdjango
Django(醤糕) 是基于MTV的框架 安装: pip3 install django 重要性:相当于出门带不带腿 创建工程 django-admin startproject [工程名称] 工程目 ...
- shiro-core包引用的版本问题
在做shiro学习时,遇到这样的问题: Exception in thread "main" java.lang.NoClassDefFoundError: org/apache/ ...
- 关于 min_25 筛的入门以及复杂度证明
min_25 筛是由 min_25 大佬使用后普遍推广的一种新型算法,这个算法能在 \(O({n^{3\over 4}\over log~ n})\) 的复杂度内解决所有的积性函数前缀和求解问题(个人 ...
- QPS/TPS/并发量/系统吞吐量概念和公式
1.概念 我们在日常工作中经常会听到QPS/TPS这些名词,也会经常被别人问起说你的系统吞吐量有多大.一个系统的吞度量(承压能力)与request对CPU的消耗.外部接口.IO等等紧密关联,单个req ...
- celery 大量消息的分布式系统 定时任务
Celery 1.什么是Celery Celery是一个简单.灵活且可靠的,处理大量消息的分布式系统 专注于实时处理的异步任务队列 同时也支持任务调度 Celery架构 https://www.jia ...
- iis7 设置自定义404页面无效解决方案
想给自己做的的网站自定义一个404页面,开始 双击红框提示的错误页图标 双击上图红框提示的所示404行 修改上图红框提示的内容如下:我是直接在根目录放了一个自己做的404.html,实际情况要填写你自 ...
- 三目算法、if/else,switch/case运用
//输入学生的成绩,判断考试是否及格,及格6大于等于0 //第一种写法:三目运算 大多用于单独判断是否满足某个条件 import java.util.Scanner; public class Hel ...
- prototype、proto、constructor 之间的关系