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 相关文章推荐
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
Apr 09 Javascript
js中各种类型的变量在if条件中是true还是false
Jul 16 Javascript
javascript实现全角与半角字符的转换
Jan 07 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
Jul 22 Javascript
再谈Javascript中的异步以及如何异步
Aug 19 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
Jan 09 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
详解webpack loader和plugin编写
Oct 12 Javascript
vue实现axios图片上传功能
Aug 20 Javascript
js实现小球在页面规定的区域运动
Jun 16 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的ob_start();控制您的浏览器cache!
2006/11/25 PHP
php下的权限算法的实现
2007/04/28 PHP
PHP+JS+rsa数据加密传输实现代码
2011/03/23 PHP
php数组函数序列之array_keys() - 获取数组键名
2011/10/30 PHP
实现PHP多线程异步请求的3种方法
2014/01/17 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
php开发中的页面跳转方法总结
2015/04/26 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
PHP常用header头定义代码示例汇总
2020/08/29 PHP
常用参考资料(手册)下载或者链接
2006/07/22 Javascript
jQuery live
2009/05/15 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
jquery库文件略庞大用纯js替换jquery的方法
2014/08/12 Javascript
JS实现页面超时后自动跳转到登陆页面
2015/01/19 Javascript
JavaScript实现基于十进制的四舍五入实例
2015/07/17 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
2016/11/13 Javascript
javascript设计模式之模块模式学习笔记
2017/02/15 Javascript
jqgrid实现简单的单行编辑功能
2017/09/30 Javascript
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
对Python 语音识别框架详解
2018/12/24 Python
Django实现微信小程序的登录验证功能并维护登录态
2019/07/04 Python
python+tkinter实现学生管理系统
2019/08/20 Python
pycharm通过ssh连接远程服务器教程
2020/02/12 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
Python为何不支持switch语句原理详解
2020/10/21 Python
python 对xml解析的示例
2021/02/27 Python
html5 css3 动态气泡按钮实例演示
2012/12/02 HTML / CSS
社区七一党员活动方案
2014/01/25 职场文书
报关员个人职业生涯规划书
2014/03/12 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
公司保密管理制度
2015/08/04 职场文书
MySQL 使用SQL语句修改表名的实现
2021/04/07 MySQL