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 相关文章推荐
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
JS实现点击按钮自动增加一个单元格的方法
Mar 09 Javascript
JavaScript中实现Map的示例代码
Sep 09 Javascript
javascript实现简易计算器的代码
May 31 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
Feb 14 Javascript
从零学习node.js之搭建http服务器(二)
Feb 21 Javascript
微信小程序 图片绝对定位(背景图片)
Apr 05 Javascript
JS实现移动端实时监听输入框变化的实例代码
Apr 12 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
Apr 30 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
May 26 Javascript
google广告之另类js调用实现代码
Aug 22 Javascript
新手快速上手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基础学习笔记
2007/03/18 PHP
PHP中把对象转换为关联数组代码分享
2015/04/09 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
PHP进程通信基础之信号
2017/02/19 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
Jquery乱码的一次解决过程 图解教程
2010/02/20 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
2013/04/02 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
2013/06/24 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
2014/04/02 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
常用的JavaScript WEB操作方法分享
2015/02/28 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
2015/05/16 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
2016/03/10 Javascript
vue中遇到的坑之变化检测问题(数组相关)
2017/10/13 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
vue v-for直接循环数字实例
2019/11/07 Javascript
js实现带箭头的进度流程
2020/03/26 Javascript
[51:36]EG vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python中的生成器和yield详细介绍
2015/01/09 Python
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
浅谈python 里面的单下划线与双下划线的区别
2017/12/01 Python
python实现堆和索引堆的代码示例
2018/03/19 Python
python Opencv将图片转为字符画
2021/02/19 Python
Python rstrip()方法实例详解
2018/11/11 Python
PyQt5 多窗口连接实例
2019/06/19 Python
python的pytest框架之命令行参数详解(下)
2019/06/27 Python
Python魔法方法 容器部方法详解
2020/01/02 Python
Python打开文件、文件读写操作、with方式、文件常用函数实例分析
2020/01/07 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
正宗的日本零食和糖果订阅盒:Bokksu
2019/11/21 全球购物
《草原》教学反思
2014/02/15 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
2014年电工工作总结
2014/11/20 职场文书
2015年中秋节演讲稿
2015/03/20 职场文书
人生哲理妙语30条:淡写流年,笑过人生
2019/09/04 职场文书
浅谈Redis存储数据类型及存取值方法
2021/05/08 Redis