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 节点排序 2
Jan 31 Javascript
js自执行函数的几种不同写法的比较
Aug 16 Javascript
jquery应该如何来设置改变按钮input的onclick事件
Dec 10 Javascript
js实现类似jquery里animate动画效果的方法
Apr 10 Javascript
实例讲解JavaScript中的this指向错误解决方法
Jun 13 Javascript
JavaScript ES6中export、import与export default的用法和区别
Mar 14 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
BootStrap daterangepicker 双日历控件
Jun 02 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
Sep 16 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
js如何验证密码强度
Mar 18 Javascript
在react项目中使用antd的form组件,动态设置input框的值
Oct 24 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简单封装了一些常用JS操作
2007/02/25 PHP
php-accelerator网站加速PHP缓冲的方法
2008/07/30 PHP
php使用正则表达式进行字符串搜索的方法
2015/03/23 PHP
Jquery 实现Tab效果 思路是js思路
2010/03/02 Javascript
解决jQuery插件tipswindown与hintbox冲突
2010/11/05 Javascript
密码框显示提示文字jquery示例
2013/08/29 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
javascript作用域链(Scope Chain)用法实例解析
2015/11/30 Javascript
轻松实现Bootstrap图片轮播
2020/04/20 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
AngularJS教程之简单应用程序示例
2016/08/16 Javascript
简单实现JS倒计时效果
2016/12/23 Javascript
深入理解ES7的async/await的用法
2017/09/09 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
2018/04/19 jQuery
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
ES6基础之解构赋值(destructuring assignment)
2019/02/21 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
2019/05/20 Javascript
jQuery实现的记住帐号密码功能完整示例
2019/08/03 jQuery
Python实现冒泡,插入,选择排序简单实例
2014/08/18 Python
用Python展示动态规则法用以解决重叠子问题的示例
2015/04/02 Python
python正则-re的用法详解
2019/07/28 Python
vscode调试django项目的方法
2020/08/06 Python
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
伯利陶器:Burleigh Pottery
2018/01/03 全球购物
自我鉴定的范文
2013/10/03 职场文书
电大学习个人自我评价范文
2013/10/04 职场文书
卫生安全检查制度
2014/02/04 职场文书
群众路线教师自我剖析材料
2014/09/29 职场文书
实习指导教师评语
2014/12/30 职场文书
2015年幼儿园后勤工作总结
2015/04/25 职场文书
项目备案申请报告
2015/05/15 职场文书
OpenCV 图像梯度的实现方法
2021/07/25 Python