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 相关文章推荐
JavaScript Event学习第十一章 按键的检测
Feb 10 Javascript
jquery 隐藏与显示tr标签示例代码
Jun 06 Javascript
快速学习JavaScript的6个思维技巧
Oct 13 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
jQuery自定义组件(导入组件)
Nov 08 Javascript
angular ng-repeat数组中的数组实例
Feb 18 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
Feb 27 Javascript
vue.js中created方法作用
Mar 30 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
Node.js中你不可不精的Stream(流)
Jun 08 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
Aug 01 Javascript
基于ajax及jQuery实现局部刷新过程解析
Sep 12 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实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
PHP调用C#开发的dll类库方法
2014/07/28 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
PHP使用Pthread实现的多线程操作实例
2015/11/14 PHP
php实现36进制与10进制转换功能示例
2017/01/10 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
js实现从中间开始往上下展开网页窗口的方法
2015/03/02 Javascript
jQuery.each使用详解
2015/07/07 Javascript
Function.prototype.apply()与Function.prototype.call()小结
2016/04/27 Javascript
JavaScript数组方法总结分析
2016/05/06 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
第一次接触神奇的前端框架vue.js
2016/12/01 Javascript
js实现开启密码大写提示
2016/12/21 Javascript
Vue学习之常用指令实例详解
2020/01/06 Javascript
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
[00:12]2018DOTA2亚洲邀请赛 Sccc亮相SOLO赛,今年他又会有什么样的战绩?
2018/04/06 DOTA
Python列表推导式的使用方法
2013/11/21 Python
python线程锁(thread)学习示例
2013/12/04 Python
用Python代码来绘制彭罗斯点阵的教程
2015/04/03 Python
简介二分查找算法与相关的Python实现示例
2015/08/26 Python
利用Python获取操作系统信息实例
2016/09/02 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
解决python中使用PYQT时中文乱码问题
2019/06/17 Python
PyQt5使用QTimer实现电子时钟
2019/07/29 Python
Mac安装python3的方法步骤
2019/08/09 Python
Python-numpy实现灰度图像的分块和合并方式
2020/01/09 Python
茵宝(Umbro)英国官方商店:英国足球服装生产商
2016/12/29 全球购物
巴西婴儿用品商店:Bebe Store
2017/11/23 全球购物
Oral-B荷兰:牙医最推荐的品牌
2020/02/25 全球购物
英国领先的在线高尔夫设备零售商:Golfgeardirect
2020/12/11 全球购物
如何从一个文件档案的尾端新增记录
2016/12/02 面试题
高中班级口号
2014/06/09 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
大学生安全教育主题班会
2015/08/12 职场文书