string对象常用的属性和方法

string对象常用的属性和方法

1.捕获元素

var uname = document.querySelector(".uname");
var btn = document.querySelector("button");

2.添加事件侦听 用户输入/点击

uname.addEventListener("input",function(e){
				if(e.target.value.length>=11){
					alert("手机号过长");
					return;
				}
				console.log(e.target.value);
				// 字符串对象 trim()方法
				// 用于清除两端的空格
				e.target.value = e.target.value.trim();
				console.log("用户输入的内容长度",uname.value.length);
				
			})
			btn.addEventListener("click", function(){
				
			})

3.具体逻辑

字符串的增删查改,也叫curd

create 创建 字符串

var s = "123"

update 更新

1. 拼接 +

var a="1",b="2";
a = a + b;

2. concat方法 合并字符串

var c;
c = a.concat("3");
console.log(c);
var str = "ab-cd-e-fg";

3. slice方法 切割字符串

console.log(str.slice(0,5)); //前5个
console.log(str.slice(0,-1)); //切剩下最后一个(第一个到最后倒数一个)

4. split方法 拆分

console.log(str.split("-"));

Retrieve 读取

console.log(str.length);

delete 删除

replace() 方法 --替换

replace方法不会改变源字符串
替换参数中，需要引用正则表达式
正则表达式
匹配英文字母 [Aa-Zz]
匹配数字 [0-9] 或 \d
匹配结尾数字 [\d]$/g

var str2 = "a1b2c3d4ab5z6D7z";
// console.log(str2.replace(/[aA-zZ]/g,"0"));
console.log(str2.replace(/[0-9]/g,"*"));

g 全局模式

console.log(str.replace(/-/g,"!"));
console.log(str);

查找

indexOf() 查找字符首次出现的位置
如果找到，则返回首字母出现的 索引,找不到则会返回-1
例：
判断用户是否使用 苹果设备
拿到用户代理

var ua = navigator.userAgent.toLocaleLowerCase();
console.log(ua.indexOf("ipad")); //返回数字类型
// ua.lastIndexOf() 从最后开始匹配

查找----包括----返回布尔值
includes

console.log(ua.includes("ipad")); //返回布尔值

var str3 = "ipadiphone";
console.log(str3.indexOf("ipad",1));

（待更新）