jq-$.extend方法使用说明

jQuery的方法extend在扩展数组、对象方面有了不起的作用。

---

1. 数组extend

• arr2的长度小于arr1

var arr1=[1,2,3];var arr2=[4,5,423,423];$.extend(arr1,arr2)//返回值为[4,5,3]，同时改变arr1

数组arr1拼接arr2的时候,在对应的索引位置，arr1的值替换为arr2对应索引值，上面代码可以等价于arr1[0]=arr2[0],arr[1]=arr[1];

• arr2的长度大于arr1

var arr1=[1,2,3];var arr2=[4,5,53,534534,534534];$.extend(arr1,arr2)//返回值为[4, 5, 53, 534534, 534534]，同时改变arr1

当arr2的长度大于arr1的时候，超过arr1索引位置的值继续以arr2相应索引值补充，相当于arr1=arr2；

• 数组中有空值

var arr2=[1,2,3,'',];var arr1=[4,5,53,534534,534534];$.extend(arr1,arr2)//arr1存在空值与空字符串，返回值为[4, 5, 53, 534534, 534534]，同时改变arr1

var arr1=[1,2,3];var arr2=[4,,53,534534,534534];$.extend(arr1,arr2)//返回值[4, 2, 53, 534534, 534534],arr2的空位符不能替代arr1中相应的索引值，但是位置依然保留

var arr1=[1,2,3];var arr2=[4,,,,53,534534,534534];$.extend(arr1,arr2)//返回值[4, 2, 3, undefined , 53, 534534, 534534]，超出的空位符在arr1与arr2都没有赋值

• arr2为字面量数组

var arr1=[1,2,3]$.extend(arr1,['fsa'])//结果为['fsa', 2, 3],同等位置进行覆盖

2. 对象extend

• obj1与obj2没有共同属性

var obj1={a:1,b:2,c:3};var obj2={d:4};$.extend(obj1,obj2);//返回值{a: 1, b: 2, c: 3, d: 4}，追加obj2中的异样属性，obj1值改变为返回值，obj2依然不变

• obj1与obj2有共同属性

var obj1={a:1,b:2,c:3};var obj2={d:4,b:'你好'};$.extend(obj1,obj2);//返回值{a: 1, b: "你好", c: 3, d: 4}，属性相同的返回obj2的属性值

• obj1与obj2有空字符串

var obj1={a:1,b:2,c:3};var obj2={d:4,b:''};$.extend(obj1,obj2);//返回值{a: 1, b: "", c: 3, d: 4}，只要有同样属性，即使为空，返回值依然以obj2的为标准

3. 数组与对象extend

• 数组拼接对象

var arr=[1,2,3];var obj={a:4};$.extend(arr,obj)//结果为[1,2,3]，拼接对象的数组并没有变化

• 对象拼接数组

var arr=[1,2,3];var obj={a:4};$.extend(obj,arr)//结果为{0: 1, 1: 2, 2: 3, a: 4}，拼接数组的对象，会从0开始自动添加索引作为属性名，其属性值则为数组相应的索引值

• 对象拼接数组(数组有空值)

var arr=[1,2,3,,''];var obj={a:4};$.extend(obj,arr)//结果为{0: 1, 1: 2, 2: 3, 4: "", a: 4}空值位置进行空出，不占位，空字符占位，值保持不变