Js脚本提取重复数字或字符

2 篇文章 0 订阅

1、Js脚本提取重复数字或字符
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Js脚本提取重复数字或字符</title>
</head>
<body>
<div style="width:90%;">
<br>
请输入:
<textarea name="str01" id="str01" style="width:98%;height:200px;overflow:visible;color:#444444;"></textarea>
<br><br>
过滤:<input name="filter01" type="text" id="filter01" style="width:98%;" value=""><br>
<br>
<br>
交叉:<div style="width:98%;border:1px solid #000000; height: 30px;" id="repeat_numbers"></div>
<br>
去重:<div style="width:98%;border:1px solid #000000; height: 30px;line-height: 30px;" id="norepeat_numbers"></div>
</div>
<script>
let value01 = '';
let input01 = document.querySelector("#str01");
    input01.addEventListener('input', function () {
	    let value01 = filter(input01.value);
		let value = value01.split(',');
		document.getElementById('filter01').value =  value;
		let str_repeat = duplicates(value);
		let str = str_repeat.toString();
		let repeat_value = str.replace(/[^a-zA-Z0-9]/g, " ");
		let str_norepeat = noRepeat(value);
		let str_norepeat_numbers = str_norepeat.toString();
		let norepeat_numbers = str_norepeat_numbers.replace(/[^a-zA-Z0-9]/g, " ");
		document.getElementById('repeat_numbers').innerHTML = 'xin:' + repeat_value + ' 各$1';
		document.getElementById('norepeat_numbers').innerHTML = 'xin:' +norepeat_numbers + ' 各$1';
	})

function filter(str){ 
    let f = str.replace(/[^a-zA-Z0-9]/g, ",");
	return f
}
function duplicates(arr) {
    var Arr = [];
    for(let i=0; i<arr.length; i++ ){
        for(let j=i+1; j<arr.length; j++){
            if(arr[i]===arr[j] && Arr.indexOf(arr[j])===-1){
                Arr.push(arr[i]);
            }
        }
    }
    return Arr;
}
function noRepeat(arr){
   for (var i = 0; i < arr.length; i++) {
       for (var j = 0; j < arr.length; j++) {
           if (arr[i] == arr[j] && i != j) {
              arr.splice(j, 1);
            }
       }
    }
    return arr;
}
</script>
</body>
</html>
  • 8
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

net1193379199

您的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值