java script 技巧_Java Script 字符串常用方法

字符串常用方法

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标签页面跳转时所传递的参数来获取对应服务器地址上的数据