首页>内容

js合并数组去掉重复

jquery

小坏蛋 / 10-13 / 评论 / 阅读 / 赞

作者有点忙，还没写简介

文章描述：

js合并两个数组，然后进行去掉重复的内容

<div class="container">
    <div class="list1">
        <ul>
            <li>html</li>
            <li>css</li>
            <li>js</li>
            <li>php</li>
        </ul>
    </div>
    <div class="list2">
        <ul>
            <li>html</li>
            <li>css</li>
            <li>java</li>
            <li>mysql</li>
        </ul>
    </div>
</div>

获取list1下面所有li的值以数组方式存储

var arr1 = [];
$(".list1 li").each(function(){
    arr1.push($(this).text());
});
console.log(arr1);

[“html”, “css”, “js”, “php”]

获取list2下面所有li的值以数组方式存储

var arr2 = [];
$(".list2 li").each(function(){
    arr2.push($(this).text());
});
console.log(arr2);

[“html”, “css”, “java”, “mysql”]

我们拼装数组，把arr2拼装在arr1后面

//使用apply劫持数组的push方法
arr1.push.apply(arr1, arr2);
console.log(arr1);

[“html”, “css”, “js”, “php”, “html”, “css”, “java”, “mysql”]

我们使用Array.from(new Set())，js数组去重

var arr = Array.from(new Set(arr1));
console.log(arr);

[“html”, “css”, “js”, “php”, “java”, “mysql”]

发布时间：2022/10/13

js去重 js合并

js合并数组去掉重复

相关阅读

发表评论

最近发表