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 相关文章推荐
IE浏览器打印的页眉页脚设置解决方法
Dec 08 Javascript
JS判断对象是否存在的10种方法总结
Dec 23 Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 Javascript
jQuery实现模拟marquee标签效果
Jul 14 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
详解Angular 开发环境搭建
Jun 22 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
Sep 19 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
Nov 03 Javascript
AngularJS遍历获取数组元素的方法示例
Nov 11 Javascript
在create-react-app中使用css modules的示例代码
Jul 31 Javascript
微信小程序实现留言板功能
Nov 02 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中使用register_shutdown_function函数截获fatal error示例
2015/04/21 PHP
关于JavaScript中的关联数组分析
2013/04/09 Javascript
JavaScript instanceof 的使用方法示例介绍
2013/10/23 Javascript
简单的ajax连接库分享(不用jquery的ajax)
2014/01/19 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
2014/04/29 Javascript
浅谈 javascript 事件处理
2015/01/04 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
浅谈react.js中实现tab吸顶效果的问题
2017/09/06 Javascript
React Native react-navigation 导航使用详解
2017/12/01 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
Python3实现发送QQ邮件功能(html)
2017/12/15 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
numpy向空的二维数组中添加元素的方法
2018/11/01 Python
将python文件打包成EXE应用程序的方法
2019/05/22 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
TensorFlow tf.nn.softmax_cross_entropy_with_logits的用法
2020/04/19 Python
python Selenium 库的使用技巧
2020/10/16 Python
意大利拉斐尔时尚购物网:Raffaello Network(支持中文)
2018/11/09 全球购物
5.1手机促销活动
2014/01/17 职场文书
商场促销活动方案
2014/02/08 职场文书
《雨霖铃》教学反思
2014/02/22 职场文书
警示教育活动总结
2014/05/05 职场文书
英语教育专业自荐信
2014/05/29 职场文书
记账会计岗位职责
2014/06/16 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
学习三严三实对照检查材料思想汇报
2014/09/22 职场文书
小区环境卫生倡议书
2015/04/29 职场文书
学生会2016感恩节活动小结
2016/04/01 职场文书
导游词之平津战役纪念馆
2019/11/04 职场文书
windows server2008 开启端口的实现方法
2022/06/25 Servers