小白求助，js 相同元素合并

一个数组里面是学生的id，姓名，性别，（很多学生）
第二个数组里面是学生的id，成绩（语文，数学..）（很多学生）
希望输出的是（学生id，姓名，性别，成绩（语文，数学..））
求大神帮忙
<script>
function f(){
var arr1 = {"id":1,"name":"王","性别":"男"};
var arr2 = {"id":1,"语文":80,"数学":80};
for (var i = 0 ; i < arr1.length ; i ++ ){
for(var j = 0 ; j < arr2.length ; j ++ ){
if (arr1[i] === arr2[j]){
arr1.splice(i,1);
}
}
}
for(var i = 0; i <arr2.length; i++){
arr1.push(arr2[i]);
}
return arr1;
}
</script>
这个是我自己写的，肯定是不对的，哪位大神有时间帮忙看看~