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 读取XML数据,在页面中展现、编辑、保存的实现
Oct 27 Javascript
获取内联和链接中的样式(js代码)
Apr 11 Javascript
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
May 15 Javascript
JS动态修改图片的URL(src)的方法
Apr 01 Javascript
jQuery实现div拖拽效果实例分析
Feb 20 Javascript
JavaScript实现购物车基本功能
Jul 21 Javascript
three.js 入门案例详解
Jan 23 Javascript
微信小程序版翻牌小游戏
Jan 26 Javascript
Angular Renderer (渲染器)的具体使用
May 03 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 02 Javascript
ant-design-vue中tree增删改的操作方法
Nov 03 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语法(5)
2006/10/09 PHP
PHP return语句的另一个作用
2014/07/30 PHP
php以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
javascript 事件处理、鼠标拖动效果实现方法详解
2012/05/11 Javascript
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
2013/12/10 Javascript
jQuery html()方法使用不了无法显示内容的问题
2014/08/06 Javascript
Jquery异步提交表单代码分享
2015/03/26 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
2015/11/23 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
2016/09/21 Javascript
jquery实现input框获取焦点的方法
2017/02/06 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
2017/05/11 Javascript
ES6知识点整理之Proxy的应用实例详解
2019/04/16 Javascript
vue项目首屏加载时间优化实战
2019/04/23 Javascript
如何正确理解vue中的key详解
2019/11/02 Javascript
js实现带积分弹球小游戏
2020/07/21 Javascript
vue+axios 拦截器实现统一token的案例
2020/09/11 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
Python去掉字符串中空格的方法
2014/03/11 Python
Python实现查找系统盘中需要找的字符
2015/07/14 Python
python中nan与inf转为特定数字方法示例
2017/05/11 Python
python字典操作实例详解
2017/11/16 Python
python操作日志的封装方法(两种方法)
2019/05/23 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
Python requests HTTP验证登录实现流程
2020/11/05 Python
python利用xpath爬取网上数据并存储到django模型中
2021/02/26 Python
html5 视频播放解决方案
2016/11/06 HTML / CSS
统计员岗位职责
2013/11/14 职场文书
采购主管的岗位职责
2013/12/17 职场文书
旅游管理毕业生自荐书
2014/02/02 职场文书
医疗纠纷协议书
2014/04/16 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript
Java基础——Map集合
2022/04/01 Java/Android
Python开发简易五子棋小游戏
2022/05/02 Python