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保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 Javascript
Js中获取frames中的元素示例代码
Jul 30 Javascript
JavaScript使用Prototype实现面向对象的方法
Apr 14 Javascript
javascript实现tab切换特效
Nov 12 Javascript
js父页面中使用子页面的方法
Jan 09 Javascript
JS中多种方式创建对象详解
Mar 22 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
Angular2安装angular-cli
May 21 Javascript
一次围绕setTimeout的前端面试经验分享
Jun 15 Javascript
ionic 自定义弹框效果
Jun 27 Javascript
微信小程序云开发之新手环境配置
May 16 Javascript
浅谈vue 锚点指令v-anchor的使用
Nov 13 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绘制一条弧线的方法
2015/01/24 PHP
PHP实现15位身份证号转18位的方法分析
2019/10/16 PHP
由document.body和document.documentElement想到的
2009/04/13 Javascript
javascript简单实现表格行间隔显示颜色并高亮显示
2013/11/29 Javascript
轻量级的原生js日历插件calendar.js使用指南
2015/04/28 Javascript
学习JavaScript设计模式之策略模式
2016/01/12 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
javascript常用的设计模式
2017/02/09 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
Vue实现选择城市功能
2017/05/27 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
2018/03/09 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
2018/08/28 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
2019/12/17 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
JS实现可以用键盘方向键控制的动画
2020/12/11 Javascript
[40:04]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
Python读写Redis数据库操作示例
2014/03/18 Python
python制作websocket服务器实例分享
2016/11/20 Python
Python使用numpy模块创建数组操作示例
2018/06/20 Python
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
利用Pycharm断点调试Python程序的方法
2018/11/29 Python
Django RBAC权限管理设计过程详解
2019/08/06 Python
python代码实现逻辑回归logistic原理
2019/08/07 Python
tensorflow实现从.ckpt文件中读取任意变量
2020/05/26 Python
HTML5触摸事件(touchstart、touchmove和touchend)的实现
2020/05/08 HTML / CSS
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
化工工艺专业求职信
2013/09/22 职场文书
十佳大学生事迹材料
2014/01/29 职场文书
交通事故检查书范文
2014/01/30 职场文书
无毒社区工作方案
2014/05/23 职场文书
医学生求职自荐书
2014/06/12 职场文书
建筑安全生产责任书
2014/07/22 职场文书
检讨书范文
2015/01/27 职场文书
使用Python获取字典键对应值的方法
2022/04/26 Python