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