Underscore.js是一個JavaScript庫,即使不使用任何內置對象,它也提供了許多有用的函數,例如Map,過濾器,調用等。
_.difference()函數返回其他數組中不存在的數組值。如果元素存在於數組中,則此元素將不包含在結果數組中。這是因為它需要第二個數組和第一個數組的差。
用法:
_.difference( array, *others )
參數:該函數接受上述和以下描述的兩個參數:
- array:此參數用於保存數組元素。
- others:它是一個數組,其元素需要刪除。
返回值:該函數返回一個數組,該數組包含第一個數組中不在第二個數組中的元素。
將數字列表傳遞給_.difference()函數:._difference()函數將列表中的元素一個接一個地檢查,並檢查第二個數組中是否存在該元素。如果存在,那麽它將簡單地忽略該元素,否則將這些元素添加到結果數組中。
例:
<!DOCTYPE html>
<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(_.difference([1, 2, 3, 4, 5],
[1, 2, 3, 4, 6, 7]));
</script>
</body>
</html>
輸出:
將錯誤的值傳遞給_.difference()函數:傳遞諸如null,undefined,false,“”(空字符串)之類的錯誤值,然後_.difference()函數將以相同的方式工作。如果第一個數組中存在任何假值,但第二個數組中不存在任何假值,則它將包含在結果數組中。
例:
<!DOCTYPE html>
<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(_.difference([undefined, '', " ", null],
[undefined, 4, null]));
</script>
</body>
</html>
輸出:
將一組字符串傳遞給_.difference()函數:將包含“”內的單詞的一組字符串傳遞給_.difference()函數,將以相同的方式工作。如果這些字符串值中的任何一個出現在第一個數組中,但沒有出現在第二個數組中,則它將包含在結果數組中。
例:
<!DOCTYPE html>
<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(_.difference(
["This", "is", "geeks", "for", "geeks2"],
["This", "for", "is"])
);
</script>
</body>
</html>
輸出:
將具有相同元素的兩個數組傳遞給_.difference()函數:傳遞具有相同元素的第一個數組和第二個數組,則將忽略檢查操作期間的所有元素。因此,結果數組將為空。
例:
<!DOCTYPE html>
<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(_.difference([1, 2, 3, 4], [1, 2, 3, 4]));
</script>
</body>
</html>
輸出:
注意:這些命令在Google控製台或Firefox中不起作用,因為需要添加這些尚未添加的其他文件。因此,將給定的鏈接添加到您的HTML文件,然後運行它們。
<script type="text/javascript" src =
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>
相關用法
注:本文由純淨天空篩選整理自Sakshi98大神的英文原創作品 Underscore.js | _.difference() with Examples。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。