Javascript 二维数组去重

[[a,1],[b,2],[a,2]] 去除[a,2]

输入一串url 和一个待去除参数,输出筛选后的结果,第二个参数缺省的话,去除重复部分。

stripUrlParams('www.codewars.com?a=1&b=2&a=2', ['b']) 
// returns 'www.codewars.com?a=1'

思路是先将querry参数变成二维数组再去重,对象的键值是唯一的,将参数转化为数组后,遍历数组,若在对象中已经存在参数名称则跳过;否则添加参数与值;然后遍历对象组合URL。代码如下:

function stripUrlParams(url, arr) {
    var domain = url.substr(0, url.lastIndexOf('?')+1);
    if(url.lastIndexOf('?') == -1) 
        domian = url;
    var query = url.substr(url.lastIndexOf('?')+1);
    var obj = {};
    var argsArr = query.split('&');
    for(var i in argsArr) {
        var tmp = argsArr[i].split('=');
        if(obj[tmp[0]] == null)
            obj[tmp[0]]=tmp[1];
    }
    query = "";
    for(var i in obj) {
        // 去掉arr中的参数
        var is = true;
        if(arr != null)
            for(var j in arr) {
                if(i == j) 
                    is = false;
            }
        if(is) {
            query += i + "=" + obj[i]+"&";
        }
    }
    return domain + query.substr(0, query.length-1);
}

var url = stripUrlParams('www.codewars.com?a=1&b=2&a=2', ['b'])
console.log(url);

仅仅对于去重问题,可以简单的用一个reduce解决:

var arr = [['a', 1], ['b', 2], ['a', 2]];

var result = arr.reduce((function () {
  var map = {};
  return function (result, next) {
    var key = next[0];
    if (!map[key]) {
      map[key] = true;
      result.push(next);
    }
    return result;
  };
})(), []);

console.log(JSON.stringify(result));

第二种方法:

function stripUrlParams(url, varible) {
    var urlArr = url.split('?')[1].split('&').map(function(item) {
        return item.split('=');
    })
    var hash = {};
    var result = [];
    for (var i = 0; i < urlArr.length; i++) {
        hash[urlArr[i][0]] ? '' : (hash[urlArr[i][0]] = true, urlArr[i][0] !== varible && result.push(urlArr[i]));

    }
    return url.split('?')[0] + '?' + result.reduce(function(prev, next) {
        return prev + next.join('=');
    }, '')
}
console.log(stripUrlParams('www.codewars.com?a=1&b=2&a=2&d=8', 'b'));
//www.codewars.com?a=1d=8

第三种:
思路:
将二维数组转换成一位数组去比较,将二级元素转换为字符串比较方便,但是为了区分类型,引入typeof拼接,之后对这个一维数组查重

function fun(input) {
    var input = input || [];
    var temp = input.map(function (item) {
        return item.map(function (_item) {
            return _item + ' ' + typeof _item;
        }).join('|');
    });

    // temp : ['a string|1 number', 'b string|2 number', 'a string|2 number']

    var indexArr = [];
    temp.map(function (item, index, arr) {
        for (var i = 0; i < index; i++) {
            if (arr[i] !== item) indexArr.push(index);
        }
    });

    var result = [];
    for (var i = 0; i < indexArr.length; i++) {
        result.push(input[i]);
    }

    return result;
}

console.log(fun(input));

单层循环来搞定。这个特殊问题,可以转化到单层数组去重问题上。

var tidy = function(arr) {
    var i = 0,
        j = arr.length,
        cache = {},
        key, result = [];
    for (; i < j; i++) {
        key = arr[i][0];
        key = typeof(key) + key;
        if (!cache[key]) {
            cache[key] = 1;
            result.push(arr[i]);
        }
    }
    return result;
};

测试

var arr = [['a', 1], ['b', 2], ['a', 2]];
tidy(arr);
var url = 'www.codewars.com?a=1&b=2&a=2';

    var usArr = url.split('?')[1];
    var usMap = {};
    usArr.split('&').forEach(function(a,b){
        var s = a.split('=');
        !usMap[s[0]] && (usMap[s[0]] = s[1]);
    })
    console.log(usMap)
V-for 是 Vue.js 中用于遍历数据并生成 DOM 结构的一种指令。对于处理二维数组去重需求,这里提供一种基于 JavaScript 和 Vue 的方法来进行解释。 ### 二维数组去重思路: 1. **将二维数组转一维**:首先需要把原始的二维数组通过某种方式转化为一维数组。例如,如果有一个二维数组 `arr` ,每一行表示一组元素,则可以使用 `.flat()` 方法将其展平成一维数组。 2. **利用 Set 进行去重**:Set 是 ES6 引入的一种数据结构,它只存储唯一的值,因此非常适合用于去除数组中的重复项。创建一个 `new Set()` 并向其中添加展平后的元素,Set 自动会过滤掉重复的元素。 3. **转换回二维数组形式**:得到唯一元素的 Set 后,可以根据原来数组的形状恢复其二维形式。这通常涉及计算出原数组的最大深度,然后根据这个深度重新构造数组。 ### 实现步骤: 假设我们有如下的二维数组 `originalArray`: ```javascript const originalArray = [ ['a', 'b'], ['c', 'd'], ['e', 'f'], ['g', 'h'], ['a', 'b'] ]; ``` #### 第一步:展平数组 使用 `.flat(Infinity)` 将二维数组变为一维数组: ```javascript const flattenedArray = originalArray.flat(Infinity); ``` #### 第二步:使用 Set 去重 将展平后的数组转换为一个 Set: ```javascript const uniqueSet = new Set(flattenedArray); ``` #### 第三步:重组为二维数组 计算一维数组的长度,根据这一长度以及原二维数组的平均宽度(即每个子数组的平均长度),来重组为二维数组。假设每个子数组的长度大致相等: ```javascript function reshapeTo2D(arr, length) { let result = []; for (let i = 0; i < arr.length; i += length) { result.push(arr.slice(i, i + length)); } return result; } const uniqueFlattenedArray = [...uniqueSet]; // 转换成普通数组以便操作 const dimensionLength = Math.ceil(uniqueFlattenedArray.length / originalArray.length); const finalArray = reshapeTo2D(uniqueFlattenedArray, dimensionLength); console.log(finalArray); // 输出去重后的二维数组 ``` ### 相关问题: 1. 在JavaScript中如何判断两个数组是否完全相等? 2. Vue.js如何使用v-for循环遍历二维数组? 3. 解释一下为什么在处理大型数据集时使用Set比使用传统方法更高效。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值