underscore.js _.object()用法及代碼示例

_.object() 函數：

它將數組元素轉換為對象。
我們可以傳遞所有鍵，然後傳遞所有值，也可以成對傳遞鍵和它們的值。
如果我們有多個數組但我們想在這些數組之間建立/形成關係，則使用它。
此外，不必事先知道數組的大小。

用法:

_.object(list, [values])

參數：
它需要兩個參數：

list
values

返回值：
它返回一個數組，其中包含來自傳遞的鍵和值的對列表。

例子：

將 2 個列表傳遞給 _.object() 函數：
._object() 函數一個一個地從列表中獲取元素，並將其作為一個對象，並具有另一個列表中給定的值。它采用兩個數組的第一個元素，並將第一個數組的元素作為鍵，將另一個數組的元素作為值，使它們成為一個對象。即使我們傳遞了第三個數組，它也僅適用於傳遞的前 2 個數組。
```

<html>
   
<head>
    <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
    </script>
</head>
   
<body>
    <script type="text/javascript">
        console.log(_.object(['Akash', 'Amit', 'Aviral'], [01, 02, 03]));
    </script>
</body>
   
</html>
```
輸出：
將單個列表中的鍵及其值傳遞給 _.object() 函數：
._object() 函數從列表中一一獲取元素，並將其作為一個對象，並在同一個列表中與它一起給出的值。它獲取第一個數組中的所有元素，然後將其形成一個對象。它將第一個數組作為單個對象傳遞。我們可以在這個函數中傳遞 n 個列表。
```

<html>
   
<head>
    <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
    </script>
</head>
   
<body>
    <script type="text/javascript">
        console.log(_.object([['Akash', 'Amit'], [01, 02], ['pass', 'pass']]));
    </script>
</body>
   
</html>
```
輸出：

在現實生活中使用 _.object() 函數
在此我們使用上麵提到的第二種語法。如果我們想獲得一個名為 Amit 的學生的數據庫(這裏)，那麽我們可以隻傳遞他的姓名、卷號和他的結果等參數以及他的卷號是 2 等詳細信息，然後將他傳遞到下一個類。


<!-- Write HTML code here -->
<html>
   
<head>
    <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
    </script>
</head>
   
<body>
    <script type="text/javascript">
        console.log(_.object([['Name', 'Amit'], ['rollNo', 02], ['pass', 'yes']]));
    </script>
</body>
   
</html>

輸出：

使用 _.object() 函數獲得與示例三相同結果的另一種方法：
在這種情況下，獲得的結果也將相同，但傳遞鍵和值的方法不同，就像這裏我們將所有鍵傳遞到一個數組中一樣。然後，在另一個數組中，我們傳遞所有值。然後第一個數組的第一個元素形成第一個鍵，第二個數組的第二個元素的第一個元素作為值。
```

<html>
   
<head>
    <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
    </script>
</head>
   
<body>
    <script type="text/javascript">
        console.log(_.object(['Name', 'rollNo', 'pass'], ['Amit', 02, 'yes']));
    </script>
</body>
   
</html>
```
輸出：

筆記：
這些命令在 Google 控製台或 Firefox 中不起作用，因為需要添加他們沒有添加的這些附加文件。
因此，將給定的鏈接添加到您的 HTML 文件中，然後運行它們。
鏈接如下：


<!-- Write HTML code here -->
<script type="text/javascript" 
src ="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>

一個例子如下所示：

相關用法

注：本文由純淨天空篩選整理自Sakshi98大神的英文原創作品 Underscore.js _.object() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。