jQuery extend()方法

jQuery中的这个extend()方法是用来将两个或多个对象的内容合并到第一个对象中。

语法:

jQuery.extend( [deep ], target, object1 [, objectN ] )

参数： extend()方法接受上面提到的和下面描述的四个参数。

deep。这个参数是合并后成为递归。
target。这个参数是要扩展的对象。它将接收新的属性。
object1。这个参数是包含要合并的额外属性的对象。
objectN。这个参数是一个额外的对象，包含要合并的属性。

返回值：它返回合并后的对象。

下面的例子说明了jQuery中extend()方法的使用。

例子1：在这个例子中，extend()方法将两个对象合并为一个。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery | extend() method</title> 
<script src="https://code.jquery.com/jquery-3.4.1.js">
</script>
  
</head>
<body style="text-align:center;"> 
      
    <h1 style="color: green"> 
        GeeksForGeeks 
    </h1> 
      
    <h3>JQuery | extend() method</h3>
    <p>Merge two objects in One object.</p>
    <p id = "geeks"> </p>
    <script>
        var value1 = {
          geeks1: 0,
          geeks2: { topic1: 52, topic2: 100 },
          geeks3: 97
        };
        var value2 = {
          geeks2: { topic1: 200 },
          geeks4: 100
        };
           
        // Merge value2 into value1
        .extend( value1, value2 );
           
        // Assuming JSON.stringify - not available in IE<8
        ( "#geeks" ).append( JSON.stringify( value1 ) );
    </script>
</body>
</html>

输出:
jQuery extend()方法

例子2：在这个例子中，extend()方法合并了两个对象，没有修改任何对象。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery | extend() method</title> 
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
  
</head>
<body style="text-align:center;"> 
      
    <h1 style="color: green"> 
        GeeksForGeeks 
    </h1> 
      
    <h3>JQuery | extend() method</h3>
    <p>Merge two objects, without modifying any object.</p>
    <p id = "geeks"> </p>
    <script>
        var Object_1 = { bool_Val: false, num: 5, name: "shubham" };
        var Object_2 = { bool_Val: true, name: "SHUBHAM" };
           
        // Merge Object_1 and Object_2, without modifying Object_1
        var Object_3 = .extend( {}, Object_1, Object_2 );
           
        // Assuming JSON.stringify - not available in IE<8
        ( "#geeks" ).append(
 "<b>Object_1 : </b>" + JSON.stringify( Object_1 ) + "<br>" );
        ( "#geeks" ).append(
 "<b>Object_2 : </b>" + JSON.stringify( Object_2 ) + "<br>" );
        ( "#geeks" ).append(
 "<b>Object_3 : </b>" + JSON.stringify( Object_3 ) + "<br>" );
    </script>
</body>
</html>