字符串——查询（chartAt、chartCodeAt）&截取（slice、substring、substr）&分割（split、replace）&转换大小写（toUpperCase）

78 阅读 0 评论 52 点赞

我是靠谱客的博主斯文早晨，最近开发中收集的这篇文章主要介绍字符串——查询（chartAt、chartCodeAt）&截取（slice、substring、substr）&分割（split、replace）&转换大小写（toUpperCase），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、查询

1. charAt()与charCodeAt()

语法：stringObject.charAt(index)
功能：返回stringObject中index位置的字符串

charAt(n)返回索引为n的字符本身，n>字符长度，返回为空
charCodeAt(n)返回索引为n的字符编码
例如

var str = "hello world";
	console.log(str.charAt(4));//返回索引为4的o
	console.log(str.charCodeAt(4));//返回索引为4的o的编码

结果：
在这里插入图片描述

2.indexOf（）

同样作用的还有indexOf()，indexof()string与数组类似，点击此处查询，在文章第15个目录下

二、截取

1.slice（）

用法与slice数组用法相似，点击链接查看slice（）详细用法第十三个标题下
语法：arrayObject.slice(start,end)。
功能：从已有的数组中返回选定的元素。
参数：start（必需）规定从何处开始选取，如是负数，从数组尾部开始算起；
end（可选）规定从何处结束选取，是数组片段结束处的数组下标。

说明：
1.start和end指数组中的索引值
2.截取从start到end（不包含该元素）的元素，即从start到end-1的元素。
3.如没有指定end，切分的数组包含从start到数组结束的所有元素。
4.如slice（）方法的参数中有一个负数，则用数组长度加上该数来确定相应的位置。

返回值：数组。

2.substring()

说明：语法及功能同slice()完全一样
与slice的区别在于：当参数为负数时，自动将参数转换为0。

	var str = "hello world";
	console.log(str.substring(1,4));//ell
	console.log(str.slice(1,4));//ell
	console.log(str.substring(-7,5));//等价于(0,5)，遇到负数直接转化为0
	console.log(str.slice(-7,5));//等价于(11-7,5)
	console.log(str.substring(2,-5));//等价于(0,-2),会自动将小索引移到前面

结果显示

3.substr()

语法：stringObject.substr(start,len)
功能：截取子字符串。

参数说明：
1.start：必需，指定子字符串的开始位置
2.len：可选，表示截取的字符总数，省略时截取至字符串的末尾
3.当start为负数时，会将传入的负值与字符串的长度相加
4.当len为负数时，返回空字符串

例

	var str = "hello world";
	console.log(str.substr(6,3));//wor
	console.log(str.substr(-5,4));//worl
	console.log(str.substr(3,-4));//空

结果：

三、分割

1.split()

语法：stringObject.split(separator)
功能：把一个字符串分割成字符串数组（与join()用法相反）
返回值：Array

说明： separator:必需，分隔符

	var str = 'welcome-to-beijing';
	var arr = str.split("-");
	console.log(arr);// ["welcome", "to", "beijing"]

结果
在这里插入图片描述

2.replace()

用法：stringObject.replace(regexp/substr,replacement)
功能：在字符串中用一些字符串替换另一些字符串，或者替换一个与正则表达式匹配的子串
返回值:String
参数：
regexo:必需。规定子字符串或要替换的模式的RegExp对象。
replacement:必需。一个字符串值。
例：

var tel = '010-123456,010-123456,010-123456';
	//
	var newTel = tel.replace(',',' ');//只替换了第一个，
	console.log(newTel);
	console.log(tel); //没有改变tel原始字符串

结果：
在这里插入图片描述

四、转换大小写

1.toUpperCase()

语法：stringValue.toUpperCase()
功能：把字符串转换为大写

	var str = "hello world";
	console.log(str.toUpperCase());//HELLO WORLD
	var upper = str.charAt(6).toUpperCase();//将w打印大写
	console.log(upper);//W
	console.log(str);//hello world,并没有改变字符串

结果：
在这里插入图片描述

2.toLowerCase()

语法：stringValue.toLowerCase()
功能：把字符串转换为小写

五、字符串综合应用

1.编写js函数，用于获得输入参数的后缀名，如输入abc.tex,返回值.txt

var url = "http://baidu.com/index.txt";
	function getFileFormat(url){
		//获取.出现的位置
		var pos = url.lastIndexOf(".");
		return url.substr(pos);
	}
	var formatName = getFileFormat(url);
	console.log(formatName);

结果显示在这里插入图片描述
2.将border-left-color 转为驼峰形式borderLeftColor

function camelback(str){
	//通过-这个分隔符将str拆分成数组
	var arr = str.split("-"),// ["border", "left", "color"]
		newStr = arr[0];
	for(var i = 1,len = arr.length;i < len;i++){
		var word = arr[i];//world打印结果为left color
	//将每一个单词的字母转换为大写,连接剩余字符
		newStr += word.charAt(0).toUpperCase() + word.substr(1);		
	}
	return newStr;
}	
var camelFormat = camelback("border-left-color");
console.log(camelFormat);