JavaScript面向对象中的String类型个人分享

String类型

大小写转换

• toUpperCase() - 表示将小写内容转换为大写内容
• toLowerCase() - 表示将大小内容转换为小写内容

示例代码:

/* 构造函数方式 */
var str = new String('yiiuyishijie');
/*
    toUpperCase() - 表示将小写内容转换为大写内容
    toLowerCase() - 表示将大小内容转换为小写内容
 */
var result = str.toUpperCase();
console.log(result);// 调用结果为 YIIUYISHIJIE
console.log(result.toLowerCase());// 调用结果为 yihuayishijie

控制台调用效果图:

---

9.根据指定位置获取字符串

• 表示通过指定字符串中指定字符的位置（索引值）来获取对应的内容

  • charAt() - 返回指定的字符内容
  • charCodeAt() - 返回指定字符对应的Unicode码

示例代码:

var str = 'yihuayishijie';
/* String类型的length属性 - 表示字符串的长度(就是个数) */
console.log(str.length);//调用结果为 13

// String与Array不存在关系
console.log(Array instanceof String);// 调用结果为 false
console.log(String instanceof Array);// 调用结果为 false
console.log(Array.prototype instanceof String);// 调用结果为 false
console.log(String.prototype instanceof Array);// 调用结果为 false

/*
    根据指定位置获取字符
      * charAt() - 返回指定的字符内容
      * charCodeAt() - 返回指定字符对应的Unicode码
 */
console.log(str.charAt(6));// 调用结果为 i
console.log(str.charCodeAt(7));// 调用结果为 115

---

检索字符串

• 表示检索目标字符串中是否存在指定字符

  • indexOf()方法 - 是从左向右找到第一个符合的字符串值的位置
  • lastIndexOf方法 - 是从右向左找到第一个符合的字符串值的位置

示例代码:

var str = 'yihuayishijie';

 
console.log(str.indexOf('a'));// 调用结果为 4
console.log(str.lastIndexOf('i'));// 调用结果为 11

---

截取字符串

slice()方法

• slice(begin, end)方法

  • 作用 - 截取指定开始位置到结束位置的子字符串(子字符串就是字符串里的内容)

  • 参数 - 允许是负数,零和正数

    • begin - 表示开始截取的位置
    • end - 表示结束截取的(下一个)位置
    • 返回值 - 返回截取的新字符串
• 注意 - 该方法的参数可以填写负数

示例代码:

var str = 'yihuayishijie';

console.log(str.slice(5,11));// 调用结果为 yishij
console.log(str.slice(-6,-1));// 调用结果为 shiji

substr()方法

• substr(start,length)方法

  • 作用 - 截取指定开始位置的指定长度的子字符串

  • 参数

    • start - 表示开始截取的位置
    • length - 表示截取的长度
  • 返回值 - 返回截取的新字符串

示例代码:

var str = 'yihuayishijie';

console.log(str.substr(4,7));// 调用结果为 ayishij

substring()方法

• substring(start,end)方法

  • 作用 - 截取指定开始位置到结束位置的子字符串

  • 参数 - 只能是大于等于零的值

    • start - 表示开始截取的位置
    • end - 表示结束截取的(下一个)位置
  • 返回截取的新字符串
• 注意: 该方法的参数不能写负数否则无效,编辑器不会报错,控制台也不会输出

示例代码:

var str = 'yihuayishijie';

console.log(str.substring(4,9));// 调用结果为 ayish
console.log(str.substring(-1,-6));// 调用结果啥也没有

---

分隔字符

• 表示对指定的字符串进行分隔，并将分隔后的字符以数组的形式进行返回

  • split(separator)方法

    • 作用 - 用于分隔字符串

      • separator - 表示字符串中字符之间的分隔符(可以是各种符号)
    • 返回值 - 返回分隔后的数组

示例代码:

var str = '皮;卡;丘;皮;卡;皮;卡;丘';

var arr = str.split(';');
console.log(arr);

控制台调用效果图:

• 注意 - 如果当指定的字符串内容没有分隔符的时候就在split()方法的参数中写空字符串(''),就会达到分隔效果.

示例代码:

var apt = 'yihuayishijie';
 

var are = apt.split('');
console.log(are);

利用循环遍历的方法将字符串进行分隔并反转

示例代码:

var s1 = 'yihuayisjijie';
var s2 = [];
/* 循环遍历 */
for (var i=0;i<s1.length;i++) {
    /* 将遍历后得到的值放回数组中 */
    s2.push(s1[i]);
}

var result = s2.reverse();
console.log(result.toString());

控制台效果图:

---

替换子字符串

• 表示匹配指定字符串中的指定内容，将其替换成新的内容

  • replace(reg,str)方法

    • 作用 - 匹配指定字符串中的指定内容,将其替换为新的指定内容

    • 参数

      • reg - 用于定义正则表达式(搜索匹配的内容) - 被替换的内容
      • str - 表示替换的内容
    • 返回值 - 返回替换后的新字符串

示例代码:

var str = '\'One flower, one world, one leaf, one lonely city.';


var result = str.replace(/one/ig, '轰天密令');
console.log(result);// 调用结果为 '轰天密令 flower, 轰天密令 world, 轰天密令 leaf, 轰天密令 l轰天密令ly city.

---

匹配字符串

• match(reg)方法

  • 作用 - 用于匹配指定字符串中的指定内容

  • 参数

    • reg - 正则表达式

  • 返回值 - 数组

    • 第一个元素 - 表示匹配的内容
    • 第二个元素 - 表示匹配内容所在的位置(索引值)
    • 第三个元素 - 表示完整字符串
  • 如果匹配的内容数量大于一个的话 - 那么就返回所有匹配内容

示例代码:

var str = '\'One flower, one world, one leaf, one lonely city.';


var result = str.match(/one/);
console.log(result);

控制台效果图:

---

查找字符串

• 表示通过正则表达式去查找指定字符串中的指定内容

  • search(reg)方法

    • 作用 - 查找指定字符串中的指定内容

    • 参数

      • reg - 表示正则表达式

    • 返回值

      • 如果只匹配一个指定内容的话,返回匹配内容第一个字符的索引值
      • 如果匹配多个指定内容的话,返回第一个匹配内容的第一个字符的索引值

示例代码:

var str = '\'One flower, one world, one leaf, one lonely city.';


var result = str.search(/one/ig);
console.log(result);

控制台效果对比图: