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读取ASP设定的COOKIE
Feb 15 Javascript
jQuery 阴影插件代码分享
Jan 09 Javascript
js鼠标及对象坐标控制属性详细解析
Dec 14 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
Nov 21 Javascript
完善的jquery处理机制
Feb 21 Javascript
js删除Array数组中指定元素的两种方法
Aug 03 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
移动端基础事件总结与应用
Jan 12 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
Bootstrap table使用方法总结
May 10 Javascript
解决vant-UI库修改样式无效的问题
Nov 03 Javascript
JS数组索引检测中的数据类型问题详解
Jan 11 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
从C/C++迁移到PHP——判断字符类型的函数
2006/10/09 PHP
第三节--定义一个类
2006/11/16 PHP
php google或baidu分页代码
2009/11/26 PHP
CodeIgniter框架中_remap()使用方法2例
2014/03/10 PHP
php 5.6版本中编写一个PHP扩展的简单示例
2015/01/20 PHP
PHP实现添加购物车功能
2017/03/06 PHP
强制设为首页代码
2006/06/19 Javascript
JavaScript DOM 学习第五章 表单简介
2010/02/19 Javascript
js操作模态窗口及父子窗口间相互传值示例
2014/06/09 Javascript
nodejs如何获取时间戳与时间差
2016/08/03 NodeJs
JavaScript中this的用法及this在不同应用场景的作用解析
2017/04/13 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
Element-UI中Upload上传文件前端缓存处理示例
2019/02/21 Javascript
layer.open组件获取弹出层页面变量、函数的实例
2019/09/25 Javascript
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
python 从csv读数据到mysql的实例
2018/06/21 Python
Python使用pandas处理CSV文件的实例讲解
2018/06/22 Python
Python3 导入上级目录中的模块实例
2019/02/16 Python
Django多层嵌套ManyToMany字段ORM操作详解
2020/05/19 Python
用pandas划分数据集实现训练集和测试集
2020/07/20 Python
Python爬虫之Selenium鼠标事件的实现
2020/12/04 Python
武汉某公司的C#笔试题面试题
2015/12/25 面试题
几个Shell Script面试题
2012/08/31 面试题
财务部副经理岗位职责
2014/03/14 职场文书
小学社会实践活动总结
2014/07/03 职场文书
工会工作先进事迹
2014/08/18 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
党政领导班子群众路线对照检查材料
2014/10/26 职场文书
Go语言应该什么情况使用指针
2021/07/25 Golang
sql时间段切分实现每隔x分钟出一份高速门架车流量
2022/02/28 SQL Server
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫
win10蓝屏0xc0000001安全模式进不了怎么办?win10出现0xc0000001的解决方法
2022/08/05 数码科技
插件导致ECharts被全量引入的坑示例解析
2022/09/23 Javascript