JavaScript求数组Array的并集（javascript面试常见题目）

最新推荐文章于 2025-09-06 14:04:23 发布

转载最新推荐文章于 2025-09-06 14:04:23 发布 · 75 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hezihao/p/7428873.html

文章标签：

#面试 #javascript #ViewUI

本文介绍了一种使用JavaScript实现的数组合并方法，并演示了如何更新目标数组中元素的属性值。通过具体示例展示了如何将两个数组中的元素依据ID进行匹配并合并，对于匹配到的元素则更新其属性。

var Utils = {
            joinArray:function(source,target){
                for(var i = 0;i<source.length;i++){
                    var oa = source[i];
                    for(var j = 0;j<target.length;j++){
                        var ob = target[j];
                        if(ob === undefined)continue; //break 语句用于跳出循环,continue 用于跳过循环中的一个迭代。
                        if(oa.id === ob.id){
                            Utils.copyProperties(oa,ob);
                            target.splice(j,1);
                            break;                          
                        }
                    }
                }
                for(var i = 0;i<target.length;i++){
                    source.push(target[i]);
                }
                return source;
            },
            copyProperties:function(source,target){
                for(var prop in target){            //遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
                    source[prop] = target[prop];
                }
                return source;
            }
        };

        var a = [
            {id: 10001, name: "Lisa", age: 16},
            {id: 10002, name: "Bob", age: 22},
            {id: 10003, name: "Alice", age: 20}
        ];
        var b = [
            {id: 10001, gender: "Female"},
            {id: 10002, name: "Bob King", birthday: "1996-01-22"},
            {id: 10005, name: "Tom", birthday: "2000-01-01"}
        ];
        Utils.joinArray(a,b);
        console.log(a);