JavaScript 計算笛卡爾積實例詳解
JavaScript實現(xiàn)笛卡爾積
注意:本文中所說的集合是指數(shù)學(xué)上的集合,不是es6里的Set。
整體思路如下:
- 用戶傳入一個二維的數(shù)組,每個子數(shù)組都是一個要進行笛卡爾積計算的集合。返回一個二維數(shù)組,每個子數(shù)組都是一個有序?qū)蛘遪元有序組。
- 當(dāng)用戶傳入一個集合的時候,為了兼容業(yè)務(wù),返回形如:[[a],[b]…]的二維數(shù)組。
- 當(dāng)用戶只傳入兩個集合計算的時候,普通的嵌套計算即可。
- 當(dāng)用戶傳入3個或者3個以上的集合的時候,先計算最后兩個集合的結(jié)果,再依次把前面的集合與其進行計算。
實現(xiàn)代碼如下:
descates.js
/**
* Created by Hawk on 2016/6/18.
*/
var DescartesUtils = {
/**
* 如果傳入的參數(shù)只有一個數(shù)組,求笛卡爾積結(jié)果
* @param arr1 一維數(shù)組
* @returns {Array}
*/
descartes1:function(arr1){
// 返回結(jié)果,是一個二維數(shù)組
var result = [];
var i = 0;
for (i = 0; i < arr1.length; i++) {
var item1 = arr1[i];
result.push([item1]);
}
return result;
},
/**
* 如果傳入的參數(shù)只有兩個數(shù)組,求笛卡爾積結(jié)果
* @param arr1 一維數(shù)組
* @param arr2 一維數(shù)組
* @returns {Array}
*/
descartes2: function(arr1, arr2) {
// 返回結(jié)果,是一個二維數(shù)組
var result = [];
var i = 0, j = 0;
for (i = 0; i < arr1.length; i++) {
var item1 = arr1[i];
for (j = 0; j < arr2.length; j++) {
var item2 = arr2[j];
result.push([item1, item2]);
}
}
return result;
},
/**
*
* @param arr2D 二維數(shù)組
* @param arr1D 一維數(shù)組
* @returns {Array}
*/
descartes2DAnd1D: function(arr2D, arr1D) {
var i = 0, j = 0;
// 返回結(jié)果,是一個二維數(shù)組
var result = [];
for (i = 0; i < arr2D.length; i++) {
var arrOf2D = arr2D[i];
for (j = 0; j < arr1D.length; j++) {
var item1D = arr1D[j];
result.push(arrOf2D.concat(item1D));
}
}
return result;
},
descartes3: function(list) {
var listLength = list.length;
var i = 0, j = 0;
// 返回結(jié)果,是一個二維數(shù)組
var result = [];
// 為了便于觀察,采用這種順序
var arr2D = DescartesUtils.descartes2(list[0], list[1]);
for (i = 2; i < listLength; i++) {
var arrOfList = list[i];
arr2D = DescartesUtils.descartes2DAnd1D(arr2D, arrOfList);
}
return arr2D;
},
//笛卡兒積組合
descartes: function(list)
{
if (!list) {
return [];
}
if (list.length <= 0) {
return [];
}
if (list.length == 1) {
return DescartesUtils.descartes1(list[0]);
}
if (list.length == 2) {
return DescartesUtils.descartes2(list[0], list[1]);
}
if (list.length >= 3) {
return DescartesUtils.descartes3(list);
}
}
};
descartes.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="descartes.js"></script>
</head>
<body>
<div id="resultDiv"></div>
<script type="text/javascript">
var arr1 = [1,2,3];
var arr2 = ["a", "b", "c", "d"];
var list = [arr1, arr2];
var list2 = [
[1,2,3],
["a", "b", "c"],
["A", "B"],
["啊","把","車","的"]
];
var result = DescartesUtils.descartes(list2);
var html = "";
for (var i = 0; i < result.length; i++) {
html = html + result[i].join(",") + "<br>";
}
document.getElementById("resultDiv").innerHTML = html;
</script>
</body>
</html>
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- javascript笛卡爾積算法實現(xiàn)方法
- JS使用貪心算法解決找零問題示例
- JS基于貪心算法解決背包問題示例
- JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之隊列原理與用法實例詳解
- JavaScript實現(xiàn)樹的遍歷算法示例【廣度優(yōu)先與深度優(yōu)先】
- JS實現(xiàn)的全排列組合算法示例
- js數(shù)組去重的5種算法實現(xiàn)
- javascript常用經(jīng)典算法實例詳解
- 幾種經(jīng)典排序算法的JS實現(xiàn)方法
- JavaScript BASE64算法實現(xiàn)(完美解決中文亂碼)
- js版本A*尋路算法
- JS笛卡爾積算法與多重數(shù)組笛卡爾積實現(xiàn)方法示例
相關(guān)文章
前端JavaScript中l(wèi)ocation.reload刷新頁面用法詳解
這篇文章主要介紹了前端JavaScript中l(wèi)ocation.reload刷新頁面用法的相關(guān)資料,location.reload()是JavaScript中用于重新加載當(dāng)前頁面的方法,它可以接受一個布爾參數(shù),以決定是否忽略緩存,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-02-02
JS實現(xiàn)pasteHTML兼容ie,firefox,chrome的方法
這篇文章主要介紹了JS實現(xiàn)pasteHTML兼容ie,firefox,chrome的方法,涉及javascript針對頁面元素的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
layui-table獲得當(dāng)前行的上/下一行數(shù)據(jù)的例子
今天小編就為大家分享一篇layui-table獲得當(dāng)前行的上/下一行數(shù)據(jù)的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
element-ui的回調(diào)函數(shù)Events的用法詳解
這篇文章主要介紹了element-ui的回調(diào)函數(shù)Events的用法,本文通過實例代碼給大家介紹了change回調(diào)函數(shù)的使用方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10
javascript字符串對象常用api函數(shù)小結(jié)(連接,替換,分割,轉(zhuǎn)換等)
這篇文章主要介紹了javascript字符串對象常用api函數(shù),結(jié)合實例形式總結(jié)分析了javascript常用的連接、替換、分割、轉(zhuǎn)換等相關(guān)函數(shù)與使用方法,需要的朋友可以參考下2016-09-09
async/await實現(xiàn)Promise.all()的方式
Promise.all() 方法接收一個 promise 的 iterable 類型的輸入,并且只返回一個Promise實例,并且輸入的所有 promise 的 resolve 回調(diào)的結(jié)果是一個數(shù)組,對async/await實現(xiàn)Promise.all()相關(guān)知識感興趣的朋友一起看看吧2022-12-12
javascript創(chuàng)建頁面蒙板的一些知識技巧總結(jié)
javascript創(chuàng)建頁面蒙板的一些知識技巧總結(jié)...2007-08-08
原生js實現(xiàn)點擊按鈕復(fù)制內(nèi)容到剪切板
這篇文章主要為大家詳細(xì)介紹了原生js實現(xiàn)點擊按鈕復(fù)制內(nèi)容到剪切板,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-11-11
JavaScript函數(shù)的一些注意要點小結(jié)及js匿名函數(shù)
本文給大家總結(jié)了javascript函數(shù)的一些注意要點及js匿名函數(shù),主要知識點有:函數(shù)的基本語法、函數(shù)的參數(shù)、函數(shù)的重載相關(guān)知識,對本文感興趣的朋友一起學(xué)習(xí)吧2015-11-11

