JS实现二维数组元素的排列组合运算简单示例


Posted in Javascript onJanuary 28, 2019

本文实例讲述了JS实现二维数组元素的排列组合运算。分享给大家供大家参考,具体如下:

用js实现二维数组里面的元素排列组合一个小demo;

源码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS数组排列组合运算</title>
</head>
</head>
<body>
  <textarea id="value" style="width:600px; height:500px;"></textarea>
</body>
<script type="text/javascript">
  var arrays = [["a0","a1","a2","a3"],["b0","b1","b2","b3"],["c0","c1","c2","c3"],["d0","d1","d2","d3"]];
  var array = getArrayByArrays(arrays);
  document.getElementById('value').value = array+"....."+array.length;
  function getArrayByArrays(arrays)
  {
    var arr = [""];
    for(var i = 0;i<arrays.length;i++)
    {
      arr = getValuesByArray(arr,arrays[i]);
    }
    return arr;
  }
  function getValuesByArray(arr1,arr2)
  {
    var arr = [];
    for(var i=0;i<arr1.length;i++)
    {
      var v1 = arr1[i];
      for(var j=0;j<arr2.length;j++)
      {
        var v2 = arr2[j];
        var value = v1+v2;
        arr.push(value);
      };
    };
    return arr;
  }
</script>
</html>

运行结果:

JS实现二维数组元素的排列组合运算简单示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Div自动滚动到末尾的代码
Oct 26 Javascript
iphone safari不支持position fixed的解决方法
May 04 Javascript
php析构函数的具体用法小结
Mar 11 Javascript
JQuery查找DOM节点的方法
Jun 11 Javascript
拥有一个属于自己的javascript表单验证插件
Mar 24 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
May 28 Javascript
微信小程序 scroll-view隐藏滚动条详解
Jan 16 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
Aug 04 Javascript
ionic 3.0+ 项目搭建运行环境的教程
Aug 09 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
Dec 13 Javascript
通过jQuery学习js类型判断的技巧
May 27 jQuery
新手快速上手webpack4打包工具的使用详解
Jan 28 #Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 #jQuery
详解项目升级到vue-cli3的正确姿势
Jan 28 #Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 #jQuery
this在vue和小程序中的使用详解
Jan 28 #Javascript
Vue加载json文件的方法简单示例
Jan 28 #Javascript
Vue项目安装插件并保存
Jan 28 #Javascript
You might like
PHP获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)
2012/10/03 PHP
PHP获取一年中每个星期的开始和结束日期的方法
2015/02/12 PHP
php实现搜索类封装示例
2016/03/31 PHP
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
jQuery EasyUI API 中文文档 - Panel面板
2011/09/30 Javascript
提交表单时执行func方法实现代码
2013/03/17 Javascript
javascript中[]和{}对象使用介绍
2013/03/20 Javascript
js获取当前月的第一天和最后一天的小例子
2013/11/18 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
Javascript中this的用法详解
2014/09/22 Javascript
javascript将url中的参数加密解密代码
2014/11/17 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
2015/04/12 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
AngularJS入门教程之过滤器详解
2016/08/19 Javascript
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
vue-cli3环境变量与分环境打包的方法示例
2019/02/18 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python脚本处理空格的方法
2016/08/08 Python
django admin 后台实现三级联动的示例代码
2018/06/22 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
浅谈Python基础—判断和循环
2019/03/22 Python
python:批量统计xml中各类目标的数量案例
2020/03/10 Python
Three Graces London官网:英国奢侈品牌
2021/03/18 全球购物
在C#中如何实现多态
2014/07/02 面试题
高级方案规划工程师岗位职责
2013/11/29 职场文书
自动化职业生涯规划书范文
2014/01/03 职场文书
高中体育教学反思
2014/01/24 职场文书
经济类毕业生求职信
2014/06/26 职场文书
员工辞职信范文
2015/03/02 职场文书
2015年感恩父亲节演讲稿
2015/03/19 职场文书
绿色环保倡议书
2015/04/28 职场文书
小学同学聚会感言
2015/07/30 职场文书
创业计划书之网吧
2019/10/10 职场文书
欧元符号 €
2022/02/17 杂记