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 相关文章推荐
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
Oct 31 Javascript
JavaScript调用堆栈及setTimeout使用方法深入剖析
Feb 16 Javascript
Jquery搜索父元素操作方法
Feb 10 Javascript
浅谈JavaScript异常处理语句
Jun 26 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
Bootstrap组件(一)之菜单
May 11 Javascript
JavaScript类的写法
Sep 17 Javascript
捕获未处理的Promise错误方法
Oct 13 Javascript
node实现分片下载的示例代码
Oct 17 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 Javascript
javascript设计模式之装饰者模式
Jan 30 Javascript
vue-drawer-layout实现手势滑出菜单栏
Nov 19 Vue.js
新手快速上手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 stream_context_create()作用和用法分析
2011/03/29 PHP
使用Discuz关键词服务器实现PHP中文分词
2014/03/11 PHP
基于php中echo用逗号和用点号的区别详解
2018/01/23 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
2012/05/23 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
2013/01/09 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
JS实现匀速运动的代码实例
2013/11/29 Javascript
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
vue 打包后的文件部署到express服务器上的方法
2017/08/09 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
2017/08/21 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
使用layui 的layedit定义自己的toolbar方法
2019/09/18 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
2020/03/10 Javascript
python解析文件示例
2014/01/23 Python
Python爬虫框架Scrapy实战之批量抓取招聘信息
2015/08/07 Python
Python制作爬虫抓取美女图
2016/01/20 Python
Python设计模式之工厂模式简单示例
2018/01/09 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
python绘制地震散点图
2019/06/18 Python
英国顶级足球鞋的领先零售商:Lovell Soccer
2019/08/27 全球购物
日期和时间问题
2015/01/04 面试题
应届大专毕业生自我鉴定
2014/04/08 职场文书
学生鉴定评语大全
2014/05/05 职场文书
市场调查策划方案
2014/06/10 职场文书
劳动争议仲裁代理词
2015/05/25 职场文书
医院消毒隔离制度
2015/08/05 职场文书
浙江省杭州市平均工资标准是多少?
2019/07/09 职场文书
python某漫画app逆向
2021/03/31 Python
MySQL 分组查询的优化方法
2021/05/12 MySQL