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字符串拼接的效率问题
Dec 25 Javascript
jQuery输入城市查看地图使用介绍
May 08 Javascript
原生JS实现表单checkbook获取已选择的值
Jul 21 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
bootstrap-treeview自定义双击事件实现方法
Jan 09 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
详解vue中组件参数
Jul 09 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
Feb 22 Javascript
简单了解vue中的v-if和v-show的区别
Oct 08 Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
Nov 12 Javascript
JS基础之逻辑结构与循环操作示例
Jan 19 Javascript
Openlayers实现扩散的动态点(水纹效果)
Aug 17 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 登录记住密码实现思路
2013/05/07 PHP
php实现的验证码文件类实例
2015/06/18 PHP
Ubuntu 16.04中Laravel5.4升级到5.6的步骤
2018/12/07 PHP
laravel批量生成假数据的方法
2019/10/09 PHP
laravel 修改记住我功能的cookie保存时间的方法
2019/10/14 PHP
符合标准的js表单提交的代码
2007/09/13 Javascript
Javascript面象对象成员、共享成员变量实验
2010/11/19 Javascript
javascript showModalDialog 内跳转页面的问题
2010/11/25 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
2012/08/14 Javascript
javascript 自定义回调函数示例代码
2014/09/26 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
2014/10/14 Javascript
使用jquery 简单实现下拉菜单
2015/01/14 Javascript
JavaScript中的getTime()方法使用详解
2015/06/10 Javascript
一种新的javascript对象创建方式Object.create()
2015/12/28 Javascript
jQuery原理系列-css选择器的简单实现
2016/06/07 Javascript
详解vue 数组和对象渲染问题
2018/09/21 Javascript
angularjs http与后台交互的实现示例
2018/12/21 Javascript
vue 表单之通过v-model绑定单选按钮radio
2019/05/13 Javascript
react+redux仿微信聊天界面
2019/06/21 Javascript
Python FTP操作类代码分享
2014/05/13 Python
Python获取邮件地址的方法
2015/07/10 Python
Python2.7下安装Scrapy框架步骤教程
2017/12/22 Python
python实现快速排序的示例(二分法思想)
2018/03/12 Python
pandas 把数据写入txt文件每行固定写入一定数量的值方法
2018/12/28 Python
Python实现自定义读写分离代码实例
2019/11/16 Python
django 模型中的计算字段实例
2020/05/19 Python
Python文件夹批处理操作代码实例
2020/07/21 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
Linux内核产生并发的原因
2012/07/13 面试题
基层党员对照检查材料
2014/09/24 职场文书
授权收款委托书范本
2014/10/10 职场文书
中学生社会实践教育活动总结
2015/05/06 职场文书
员工辞职信范文大全
2015/05/12 职场文书
怎样写好工作计划
2019/04/10 职场文书