字符串常用方法案例
1.和谐敏感字
1.replace方法
<textarea class="txt" name="" id="" cols="30" rows="10"></textarea>
<p><button class="btn">留言</button></p>
<div class="show"></div>
<script>
var txt = document.querySelector('.txt');
var btn = document.querySelector('.btn');
var show = document.querySelector('.show');
btn.onclick = function () {
var val = txt.value;
val = val.replace('马化腾', '###')
show.innerText = val;
}
2.正则方法
<textarea class="txt" name="" id="" cols="30" rows="10"></textarea>
<p><button class="btn">留言</button></p>
<div class="show"></div>
<script>
var txt = document.querySelector('.txt');
var btn = document.querySelector('.btn');
var show = document.querySelector('.show');
btn.onclick = function () {
var val = txt.value;
var reg = /马化腾|麻花|话话|腾讯/g;//正则
val = val.replace(reg, function (str) {
var x = '';
for (var i in str) {
x += '*'
}
return x;
})
show.innerText = val;
}
</script>
2.案例:计算各种类型字符在字符串中出现的次数
方法1:
var str = "ahG%%%Gmfsfs342s#$#%";
//各种类型:小写字母 大写字母 数组 特殊符号
function getCount(str) {
var ch = "";
var xxCount = 0;
var dxCount = 0;
var numCount = 0;
var otherCount = 0;
//获取每一个字符
for (var i = 0; i < str.length; i++) {
ch = str.charAt(i);
//判断字符的种类
if (ch >= "a" && ch <= "z") {
xxCount++;
} else if (ch >= "A" && ch <= "Z") {
dxCount++;
} else if (ch >= "0" && ch <= "9") {
numCount++;
} else {
otherCount++;
}
}
console.log(xxCount, dxCount, numCount, otherCount);//8 2 3 7
}
getCount(str);
3.统计一个字符在str中的个数
var str = "iyifaaaaAAAAw832646%%%";
str=str.toLowerCase();
var obj={};
for(var i=0;i<str.length;i++){
var letter=str[i];//单个字符
if(obj[letter]){
obj[letter]=obj[letter]+1;
}else{
obj[letter]=1;
}
}
console.log(obj);
//输出结果
2: 1
3: 1
4: 1
6: 2
8: 1
%: 3
a: 8
f: 1
i: 2
w: 1
y: 1
4.字符串转数组 并获取其中的值
var str = "http://www.baidu.com?uname=lichune&pwd=123&age=19&phone=110";
//获取密码
var arr = str.split("&");
//将字符串变成数组
console.log(arr);// ["http://www.baidu.com?uname=lichune", "pwd=123", "age=19", "phone=110"]
console.log(arr[1].split("=")[1]);//123
//获取所有等号后面的值
var search = str.split("?")[1].split("&");
//console.log(search);
for (var i = 0; i < search.length; i++) {
console.log(search[i].split("=")[1]);
}
5.arr =[“Apple”,“orange”,“banana”,“red”,“blue”]; 查找这个数组中 包含A或a的字符串 的个数 (3)
var arr = ["Apple", "orange", "banana", "red", "blue"];
function fn(arr) {
var count = 0;
for (var i = 0; i < arr.length; i++) {
if (arr[i].indexOf("a") != -1 || arr[i].includes("A")) {
count++;
}
}
console.log(count);//3
}
fn(arr);
6.QQ号验证
要求: 1、有没有输入
2、输入的是不是数字
3、不能有0在前面
4、不能是小数
5、输入的数字必须在5位以上、10位以内
qqNum: <input id="qqNum" type="text">
<button id="checkQQ">验证</button>
<script>
var qqNum = document.getElementById('qqNum');
var checkQQ = document.getElementById('checkQQ');
//给checkQQ按钮绑定点击事件
checkQQ.onclick = function () {
//qq验证
//获取用户输入的QQ号内容
var qqVal = qqNum.value;
//前后空格去掉
qqVal = qqVal.trim();
//判断有没有输入
if (qqVal === "") {
alert("qq号不能为空")
} else if (isNaN(qqVal)) {//输入的不是数字
alert("必须是数字");
} else if (qqVal.charAt(0) === "0") {//0不能再前面
alert("首位不能为0");
} else if (qqVal.indexOf(".") != -1) {//不能是小数
alert("不能输入小数");
} else if (qqVal.length < 5 || qqVal.length > 10) {//输入数字为5-10为
alert("数字长度在5-10位");
} else {
alert("可以使用");
}
}
</script>