【032】JavaScript 计算笛卡尔积[通俗易懂]

【032】JavaScript 计算笛卡尔积[通俗易懂]这是一个用JavaScript实现笛卡尔积的例子。注意:本文中所说的集合是指数学上的集合,不是es6里的Set。整体思路如下:用户传入一个二维的数组,每个子数组都是一个要进行笛卡尔积计算的集合。返回一个二维数组,每个子数组都是一个有序对或者n元有序组。当用户传入一个集合的时候,为了兼容业务,返回形如:[[a],[b]…]的二维数组。当用户只传入两个集合计算的时候,普通的嵌套计算即可。当用

大家好,又见面了,我是你们的朋友全栈君。

这是一个用JavaScript实现笛卡尔积的例子。
注意:本文中所说的集合是指数学上的集合,不是es6里的Set。

整体思路如下:

  1. 用户传入一个二维的数组,每个子数组都是一个要进行笛卡尔积计算的集合。返回一个二维数组,每个子数组都是一个有序对或者n元有序组。
  2. 当用户传入一个集合的时候,为了兼容业务,返回形如:[[a],[b]…]的二维数组。
  3. 当用户只传入两个集合计算的时候,普通的嵌套计算即可。
  4. 当用户传入3个或者3个以上的集合的时候,先计算最后两个集合的结果,再依次把前面的集合与其进行计算。

实现代码如下:

descates.js

/**
 * Created by Hawk on 2016/6/18.
 */
var DescartesUtils = {

    /**
     * 如果传入的参数只有一个数组,求笛卡尔积结果
     * @param arr1 一维数组
     * @returns {Array}
     */
    descartes1:function(arr1){
        // 返回结果,是一个二维数组
        var result = [];
        var i = 0;
        for (i = 0; i < arr1.length; i++) {
            var item1 = arr1[i];
            result.push([item1]);
        }
        return result;
    },

    /**
     * 如果传入的参数只有两个数组,求笛卡尔积结果
     * @param arr1 一维数组
     * @param arr2 一维数组
     * @returns {Array}
     */
    descartes2: function(arr1, arr2) {
        // 返回结果,是一个二维数组
        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 二维数组
     * @param arr1D 一维数组
     * @returns {Array}
     */
    descartes2DAnd1D: function(arr2D, arr1D) {
        var i = 0, j = 0;
        // 返回结果,是一个二维数组
        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;
        // 返回结果,是一个二维数组
        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>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/157587.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • PSPNet介绍-语义分割

    PSPNet-PyramidSceneParsingNetwork核心模块是金字塔池化模块(pyramidpoolingmodule),它能够聚合不同区域的上下文信息,从而提高获取全局信息的能力。实验表明这样的先验表示(即指代PSP这个结构)是有效的,在多个数据集上展现了优良的效果。1.pyramidpoolingmodule该模块融合了4种不同金字塔尺度的特征,第一行…

  • bfp是什么电子元件_ad原理图器件旁边有红色波浪线

    bfp是什么电子元件_ad原理图器件旁边有红色波浪线ISPpipelineDBS:校准经过OBC之前不同像素暗电流的差值。因为器件原因,会存在暗电流,存在暗电流的情况下会导致偏色。OBC:sensor电路本身存在暗电流,没有光线的时候,像素会有输出,OBC减去暗电流,找到0基准。LensShadding:镜头阴影校正镜头是一个凸透镜,在接收光线时,成像较远时,会造成斜光束慢慢减少,图片中心较亮,四周比较暗。PGN:3A统计计算模块(计算awb、af、ae)UDM:利用颜色插值,光分为r,g,b三原色,g是亮度,通过g的插值,得到一下.

  • 使用CSS画一个三角形

    使用CSS画一个三角形使用CSS画一个三角形

  • R和Rstudio安装教程[通俗易懂]

    R和Rstudio安装教程[通俗易懂]一、R的下载和安装1.首先我们去下载一个R,可以直接点击下面的超链接:R下载地址,然后选择与你的操作系统匹配的版本在这里我们用windows系统来举例,点击图片中箭头所指的链接进行下载2.下载完成以后我们就开始进行安装,双击R安装包(R-3.6.0-win.exe)进行安装根据自己的需要选择语言,点击确定点击Next安装位置尽量选择D盘如果电脑是32位的,就把64位去…

  • kettle教程(1) 简单入门、kettle简单插入与更新。打开kettle

    kettle教程(1) 简单入门、kettle简单插入与更新。打开kettle本文要点:Kettle的建立数据库连接、使用kettle进行简单的全量对比插入更新:kettle会自动对比用户设置的对比字段,若目标表不存在该字段,则新插入该条记录。若存在,则更新。 Kettle简介:Kettle是一款国外开源的ETL工具,纯java编写,可以在Window、Linux、Unix上运行,数据抽取高效稳定。Kettle中文名称叫水壶,该项目的主程序员MATT希望把各种数…

  • phpstorm2021永久激活码-激活码分享

    (phpstorm2021永久激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html9ZHRNTE33T-eyJsaWN…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号