并不是所有后台获取的数据都是可以直接使用展示在界面上的,也不可能接到用户的互动数据什么都不干直接传给后台,所以前台的数据操作是很重要的一个环节,而数据操作最主要的还是字符串操作。
javascript底层提供了多个api方便开发者操作字符串,这里做个记录。
1、substring(startSub, endSub)
该api用于取得字符串指定下标内的字符。
var str = '2017-03-20 ++ 11:48:00'; var startStr = str.substring(0, 10); //2017-03-20 var endStr = str.substring(str.length - 8); //11:48:00
可以很明确的看出来:两个参数取下标开始到 下标结束-1 内的字符;而一个参数时则获取的是指定下标后一位开始到结尾的字符。
2、replace(regexp/substr, replacement)
常用替换操作,两个参数都是必须的。
var str = 'hello'; var reg = /\h/; console.log(str.replace(reg, 'H')); //Hello
这里我们用正则匹配了一个小 h 并将它替换成了大写 H。
var str = 'world'; console.log(str.replace('world','hello world')); //hello world
也可以直接通过查找字符串来进行替换。
3、split(separator, howmany)
将字符串打散成字符串数组,第一个参数为必须。
var str = '123456' console.log(str.split('')); //["1", "2", "3", "4", "5", "6"]
console.log(str.split('',5));
//["1", "2", "3", "4", "5"]
后一个可选参数则表示数组的最大长度,超出部分丢掉。
我们可以用来截取url的参数:
var str = 'http://***.html?id=1&name=ice&age=12'; var paramArray = str.split('?')[1].split('&'); //["id=1", "name=ice", "age=12"]
4、join(separator)
将数组拼接成字符串使用separator分割。
var arr = [1,2,3,4,5]; console.log(arr.join('')); //12345
5、indexOf(searchvalue, fromindex)
查找指定字符串在某字符串中首次出现位置,第二参数为可选,指定检索的起始位置。
var str = 'hello'; console.log(str.indexOf('o')); //4
如果查找到了,那么返回对应下标位置,如果没找到,则返回-1。
console.log(str.indexOf('h',1)); //-1
6、lastIndexOf(searchvalue, fromindex)
与indexOf使用类似,查找指定字符串在某字符串中最后一次出现的位置,第二个参数为从指定位置从后向前检索。
此api可简单理解为:从后往前查第一个匹配,没有返回-1。
7、match(reg/searchvalue)
用于匹配指定正则表达式或者字符串值。
var str = 'hello'; var reg = /\h/; console.log(str.match(reg)); //["h", index: 0, input: "hello"]
匹配不到时,则返回:
var str = 'world'; var reg = /\+/; console.log(str.match(reg)); //null console.log(str.match('9')); //null
8、slice(start, end)
截取指定下标区间字符或数组元素。第二参数可选,不传则到结尾。
var str = 'string'; console.log(str.slice(2)); //ring console.log(str.slice(2,4)); //ri
var arr = [1,2,3,4,5]; console.log(arr.slice(2)); //[3, 4, 5] console.log(arr.slice(2,4)); //[3, 4]
9、search(reg)
用于查找指定子字符串,或者检索正则表达式相匹配的子字符串
var str = 'hello' console.log(str.search(/\h/)) //0 console.log(str.search('q')); //-1
10、charAt(index)
返回字符串指定下标值
var str = 'hello'; console.log(str.charAt(2)); //l
11、toLowerCase()、toUpperCase()
大小写转换方法。。。直接调用不需要多说。
12、concat(n*arr/string)
用于连接字符串或数组,不会改变原有数据
var a = 'hello'; var b = 'world'; console.log(a.concat(' ', b)); //hello world
var a = [1]; var b = [2]; console.log(a.concat(b, [3])); //[1, 2, 3]
事实证明,前端也很重要。