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实现的WEB页面跳转以及页面间传值方法
May 13 Javascript
JavaScript中获取鼠标位置相关属性总结
Oct 11 Javascript
javascript实现对表格元素进行排序操作
Nov 18 Javascript
jQuery AjaxUpload 上传图片代码
Feb 02 Javascript
jQuery插件扩展extend的简单实现原理
Jun 24 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
Jan 16 Javascript
jQuery EasyUI 页面加载等待及页面等待层
Feb 06 Javascript
微信小程序 页面跳转如何实现传值
Apr 05 Javascript
Node.js 8 中的 util.promisify的详解
Jun 12 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
Feb 26 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 autoload与spl_autoload自动加载机制的深入理解
2013/06/05 PHP
php+mysql结合Ajax实现点赞功能完整实例
2015/01/30 PHP
Ubuntu VPS中wordpress网站打开时提示”建立数据库连接错误”的解决办法
2016/11/03 PHP
PHP和MYSQL实现分页导航思路详解
2017/04/11 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
详解PHP的抽象类和抽象方法以及接口总结
2019/03/15 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
PHP高并发和大流量解决方案整理
2021/03/09 PHP
8个超棒的学习 jQuery 的网站 推荐收藏
2011/04/02 Javascript
script不刷新页面的联动前后代码
2013/09/18 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
javascript 回到顶部效果的实现代码
2014/02/17 Javascript
超链接的禁用属性Disabled使用示例
2014/07/31 Javascript
JavaScript中判断两个字符串是否相等的方法
2015/07/07 Javascript
详解Angualr 组件间通信
2017/01/21 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
vue+axios新手实践实现登陆的示例代码
2018/06/06 Javascript
快速解决vue在ios端下点击响应延时的问题
2018/08/27 Javascript
node中使用log4js4.x版本记录日志的方法
2019/08/20 Javascript
Vue-resource安装过程及使用方法解析
2020/07/21 Javascript
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
Python 实现购物商城,含有用户入口和商家入口的示例
2017/09/15 Python
Python 实现中值滤波、均值滤波的方法
2019/01/09 Python
Python如何在main中调用函数内的函数方式
2020/06/01 Python
Python系统公网私网流量监控实现流程
2020/11/23 Python
会计电算化专业毕业生推荐信
2013/12/24 职场文书
自荐书范文范例
2014/02/13 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
英文商务邀请函范文
2015/01/31 职场文书
2015年小学教导处工作总结
2015/05/26 职场文书
因个人工作失误检讨书
2019/06/21 职场文书
Python+Appium自动化测试的实战
2021/06/30 Python