字符串常用方法
1、trim():去除字符串前后的空白,在获取输入框的值时使用
var username = ' Grayly ';
var newStr = username.trim();
console.log(username);
console.log(newStr);
2、indexOf 与 lastIndexOf
-
indexOf:查找字符串中某元素的下标
var pinyin = 'abcdefGraylyasdfas;dlfajksdf;jkasd;fjka;sdf';
var index = pinyin.indexOf('Grayly');
console.log('index', index); //index为6
-
lastIndexOf:查找字符串时,而且要查找的元素有多个相同,取最后一个元素的下标
var str = '****Grayly****Grayly****Grayly****';
var index2 = str.lastIndexOf('Grayly');
console.log('index2', index2); //index为24
3、截取字符串
-
substring(一种)
- 不能用负数
- 两个参数,第一个是开始下标(包含),第二个是结束下标(不包含)
var phone = '13068537012';
var str1 = phone.substring(3, 7); //6853 下标3包含,下标7不包含
console.log('substring', str1);
-
substr(三种)
- 能用负数
1、两个参数,第一个是下标,第二个是截取个数
var str2 = phone.substr(3, 4); // 从下标3开始截取,截取4位
console.log('substr', str2);
2、一个参数,从该下标开始,截取到最后(常用)
var str1 = phone.substr(7);
console.log(str1);
3、一个参数,负数,取最后n位
var str2 = phone.substr(-4);
console.log(str2);
-
slice(三种)
- 能用负数
1、两个参数,第一个是开始下标(包含),第二个是结束下标(不包含)
var str3 = phone.slice(3, 7); //6853 下标3包含,下标7不包含
console.log('slice', str3);
2、一个参数,从该下标开始,截取到最后(常用)
var str3 = phone.slice(7);
console.log(str3);
3、一个参数,负数,取最后n位
var str4 = phone.slice(-4);
console.log(str4);
4、match:检查字符串是否包含某个字符或词
- 没有就返回null
- 有就返回该字符下标与整体内容
var username = 'Grayly哦';
var result = username.match('哦');
console.log(result);
5、replace:替换
var phone = '13068537012';
var str = phone.replace('6853', "****");
console.log(str); //130****7012
6、split:把字符串变成数组
var str = '张三,李四,王五,陈六';
var arr = str.split(',');
console.log(arr);
五、页面传参
1、页面传参准备工作
- a 标签
- location.href:获取页面窗口地址
2、页面跳转带上参数
- eg:?filmId=参数
3、目标页面获取url上的地址
- 通过获取a标签页面跳转时所传递的参数来获取对应服务器地址上的数据