JS将所有对象s的属性复制给对象r(原生js+jquery)

将所有对象s的属性复制给对象r是一种常见的实现需求。可以使用原生JavaScript或jQuery实现此功能。下面会分别介绍两种方式。

原生JavaScript实现

假设有两个对象s和r，现在需要将对象s的所有属性复制到对象r。可以按照以下步骤实现：

1. 使用for...in语句遍历对象s的所有属性，将属性名和属性值存储为key/value对。
2. 使用Object.hasOwnProperty()方法确保属性是对象s自己的属性，而不是继承来的属性。
3. 将存储的key/value对复制到对象r中。

代码示例：

function extend(s, r) {
  for (var key in s) {
    if (s.hasOwnProperty(key)) {
      r[key] = s[key];
    }
  }
}

调用此函数：

var a = {x: 1, y: {z: 2}};
var b = {w: 3};
extend(a, b);
console.log(b); // 输出：{w: 3, x: 1, y: {z: 2}}

以上代码中，对象a的属性被复制到了对象b中。当b中已有的属性和a中的属性名相同时，a中的属性值会覆盖b中的属性值。

jQuery实现

jQuery提供了$.extend()方法来扩展一个对象。这个方法允许我们将多个对象的属性合并到一个对象中，并且可以通过传递一个布尔值来控制是否进行递归合并。我们可以使用$.extend()方法来实现将所有对象s的属性复制给对象r。

代码示例：

var a = {x: 1, y: {z: 2}};
var b = {w: 3};
$.extend(b, a);
console.log(b); // 输出：{w: 3, x: 1, y: {z: 2}}

与原生JavaScript实现相比，jQuery的实现更加简洁。同时，$.extend()方法还提供了很多高级选项，可以自定义不同情况下属性合并的行为。

总结

无论使用原生JavaScript还是jQuery，将所有对象s的属性复制给对象r的实现方式都比较简单。需要注意的是，在使用for...in遍历属性时，需要做好判断语句，防止意外错误的发生。同时在使用$.extend()方法时，需要清楚地了解它的高级选项，选择合适的选项来实现自己的需求。