JS 字符串操作函数+this关键字篇

字符串操作函数

• substr(start, length) 获取一个字符串中的子串

返回值: 截取到的子字符串

start: 截取的起始位置, 值可以填负值, 表示从后往前数

length: 要截取的长度 可以不写, 如果不写默认截取到最后

• split(flag, count) 字符串分割

  返回值: 字符串数组

  flag: 分割时用的标识符, 充当分隔符的符号, 分割后不会存在

  count: 规定最终得到的子串个数

  如果想要将字符串里的每一个符号单独分割出来, flag使用""

• concat(需要拼接的字符串…) 将两个或者多个字符串拼接在一起

  返回值: 拼接好的新字符串

  var newStr = str.concat("zzz", "kkk");
  

• indexOf(目标字符串)

返回字符串中的目标字符串第一次出现的位置. 如果有对应的子串,返回对应下标, 如果没有, 返回-1

var index = str.indexOf("zzz");

• lastIndexOf(目标字符串)

  返回字符串中的目标字符串最后一次出现的位置. 如果有对应的子串,返回对应下标, 如果没有, 返回-1

  var index = str.lastIndexOf("ab");
  

• match(目标字符串)

  该方法类似于indexOf和lastIndexOf, 区别是match得到的是匹配到的值, 值存放在数组里; 如果匹配不到, 返回值null

• length属性, 存储字符串的字符个数

  console.log(str.length);
  // 数组也有length属性, 表示数组元素个数, 而且是动态获取的数组元素个数
  

• toLowerCase() 将字符串的字母转化成小写字母

• toUpperCase() 将字符串的字母转化成大写字母

• 例：

  //自定义一个函数, 将传入的单词首字母变成大写, 其余字母变成小写
  function translateWord(w) {
      return w.substr(0,1).toUpperCase() + w.substr(1).toLowerCase();
  }
  console.log(translateWord("hello")); 
  console.log(translateWord("CHINA"));
  console.log(translateWord("tHanKs"));
  			
  

this关键字

• this关键字 可以快速获取事件触发时, 触发事件的对应html元素

• this是一个代指, 不固定指向谁. 要搞清楚this代指的是谁

  1. 先看this存在于哪个函数里

  2. 看谁会触发这个函数

  3. this就是谁