StringAPI、JS如何创建元素

88 阅读2分钟

StringAPI

  • 就是一些只有字符串可以使用的函数,不需要我们创建,直接使用

转义字符:\

  • 作用:
    • 将字符串中和程序冲突的字符转为原文"\""'\''
    • 包含特殊功能的符号:换行:\n、制表符:\t ->大空格,就跟你敲tab按键效果一样
    • 输出unicode编码的字符

大小写转换

  • 将字符串中的每个字符统一的转为大写 或 小写
  • 何时:只要程序不区分大小写,就要【先统一】的转为大写 或 小写,再比较 (做验证码)
  • 如何:
    • 大写:var upper=str.toUpperCase();
    • 小写:var upper=str.toLowerCase();

获取字符串中指定位置的字符

  • str.charAt(i) === str[i];

获取字符串中指定位置的字符的ASCII码

  • var ascii=str.charCodeAt(i);
  • 通过ASCII码转回原文:var 原文=String.fromCharCode(ascii);

检索字符串

  • 检查索引,检查下标:获取关键字的下标
  • var i=str/arr.indexOf("关键字",starti);
  • 特点:
    • 从starti位置开始,查找右侧第一个关键字的第一个字符的位置
    • starti可以省略,默认从0位置开始查找
  • 返回值
    • 找到了,返回第一个关键字的第一个字符的下标位置
    • 没找到,返回-1其实我们根本不关心下标为多少,我们只关心下标为不为-1
  • 作用:判断有没有!
  • 强调:数组也能使用此方法,数组这个方法是后期才添加上的,原本此方法只有字符串可用,比如老IE的数组就没此方法。
  • 如何才能获取到所有的关键字的下标
var str="no zuo no die no can no bibi no";
var index=-1;
while((index=str.indexOf("no",index+1))!=-1){
	console.log("找到了,下标为:"+index);
}

拼接字符串

  • var newStr=str.concat("新字符串",...); 还不如 +运算

截取字符串:3个

  • var subStr=str/arr.slice(starti,endi+1);//用法和数组的用法完全一致
  • str.substring(starti,endi+1);//用法几乎和slice一致,但是不支持负数参数
  • str.substr(starti,n);//n代表的是截取的个数,不必考虑含头不含尾

替换字符串

  • 本身这个方法非常的强大,但是由于我们暂时还不会正则表达式,所以只能替换固定的关键字,暂时比较搓
  • var newStr=str.replace("固定关键字"/正则表达式,"新内容");

切割/分割/分隔字符串

  • 作用:将字符串转为数组:
  • var arr=str.split("自定义切割符");
  • 注意:
    • 切割后,切割符就不存在了
    • 如果你的切割符写的是"",切散每一个字符

去掉空白字符

  • str.trim/trimStart/trimEnd()

扩展:JS如何创建元素:3步

  • 创建空标签:var elem=document.createElement("标签名");
  • 为其设置必要的属性和事件:
    • elem.属性名="属性值";
    • elem.on事件名=function(){操作}
  • 挂载上树/渲染页面:父元素.appendChild(elem);