JavaScript 随机产生不重复的数字思路(递归法) 作者: Chuwen 时间: 2019-10-22 分类: JavaScript 评论 # 代码 ```javascript /** * 产生指定长度 ０～11的数字，且不重复数字的数组，使用了递归方法 * @author chuwen <wenzhouchan@gmail.com> * @link https://NowTime.cc * @param length 指定生成数组的长度，默认为５ * @param arr 默认空白数组，不需要填写 * @returns {Array} 输出数组 */ function random_num(length=5, arr=[]) { let random = Math.floor(Math.random()*11)+1, repeat = false; random = random > 9 ? random.toString() : '0'+random;//将数字转化成字符串。如果小于９，给数字前面补一个零 if(arr.length > length-1) return arr;//达到了指定数组长度，直接输出数组 for(let item in arr){ if(arr[item] === random) return random_num(length, arr);//如果数组中存在与本次随机产生的随机数有相同的，就递归调用 } arr.push(random);//将产生的随机数，追加进 arr return random_num(length, arr);//然后进行递归调用 } ``` ＃ 运行结果 ``` console.log(random_num(５));//运行结果如下 ["02", "04", "06", "10", "01"] console.log(random_num(４));//运行结果如下 ["03", "10", "08", "06"] ```
JavaScript 动态取对象值(数组) 作者: Chuwen 时间: 2019-09-28 分类: JavaScript 评论 # 举个例子 有以下对象 ``` let ob = { age: 19, name: 'Wenzhou Chan', sex: '♂' }; let key = 'age';//键名(key)，根据自己业务逻辑，该值是动态改变的 //按照预想结果，取出来的应该是 ob.age 的值 console.log(ob.key); //但运行结果实际是 undefined //我们可以这样做，就可以动态取值了 console.log(ob[key]); //运行结果是 19 ```
JavaScript 合并二维数组（还是对象？emmm 作者: Chuwen 时间: 2019-08-11 分类: JavaScript 评论 # 实现方法 ``` let arr = {id: [1, 2, 3]}, arr2 = {name: ["apple", "banana", "pear"]} Object.assign({}, arr, arr2); ```
JavaScript 检测数组是否含有重复的值（支持一位及多维数组） 作者: Chuwen 时间: 2019-07-05 分类: JavaScript 评论 # JavaScript 检测数组是否含有重复的值（支持一位及多维数组） > 一位数组、二维数组、三维数组我已经测试通过，其它维度组请自行测试 ``` /** * 检测数组（支持一位数组/二维数组 及 多维数组）是否有重复的值 * @author NowTime<wenzhouchan@gmail.com> * @link https://nowtime.cc/js/655.html * @param arr 需要判断的数组 * @returns {boolean} true：含重复的值 false：不含重复的值 */ function arr_repeat(arr) { let hash = {}, index; for(index in arr) { if(hash[arr[index]]){ return true; } hash[arr[index]] = true; } return false; } ``` # 运行结果 ``` //一维数组 arr_repeat([1,2,1]); //运行结果：true arr_repeat([1,2,3]); //运行结果：false -------------------------------------- //二维数组 arr_repeat({ss:"1", sss:"1"}); //运行结果：true arr_repeat({ss:"1", sss:"2"}); //运行结果：false -------------------------------------- //三维数组 arr_repeat({ss:[1,2,3], sss:[1,2,3]}); //运行结果：true arr_repeat({ss:[1,2,3], sss:[1,2,3,4]}); //运行结果：false ```
JavaScript 遍历数组的多种方式 作者: Chuwen 时间: 2019-07-04 分类: JavaScript 评论 # JS遍历数组的多种方式 ## 1. 普通 `for循环` > 应用最为普遍的循环写法，性能好，可读性好。 ``` for (let i = 0; i < arr.length; i++){ //code } ``` ## 2. 优化版 `for循环` > 优点：性能比普通for循环好，省去了每次对于数组长度的判断。 > 缺点：对于长度可能会产生变动的数组，这种方法不适用，可能会导致有的值没被遍历到等错误。 ``` for( let i = arr.length;i > 0; i--){ //code } ``` ## 3. for in循环 > 优点：提供的三个参数可以很大程度上减少代码长度，可读性好。 > 缺点：无法遍历对象， 在IE9以上才能使用，而且无法使用 break，continue 跳出循环，使用 return 是跳 过本次循环。 ``` for(let index in arr) { //如果arr是数组，index 为索引 //如果arr是对象，index 为属性 }; ``` > for in循环本来是用来遍历对象的属性的，因为数组是特殊的对象，因此也可以用来遍历，需要注意的是， index在数组和对象中表示的含义是不同的，在对象中，index代表属性，在数组中，index代表索引。 > > 另外在遍历对象时，for in会将原型链上的属性也遍历一遍，如果你不需要原型链上的属性，你可以在循环体执行之前进行一次判断，如下： ``` if(!arr.hasOwnProperty(index)){ continue; } ``` ``` arr.forEach(function(value,index,arr){ value;//当前值 index;//当前索引 arr;//原数组 }); ``` ## 5. map 方法 ``` arr.map(function (item,index,arr) { return item*10//可以使用return语句来改变相应位置的元素 }) ``` 使用方法和 forEach 十分相似，优缺点也是相似的，IE9+才能使用，如果想在低版本IE运行，可以在原型里添加方法，如下： ``` /** 1. map遍历数组 2. @param callback [function] 回调函数； 3. @param context [object] 上下文； */ Array.prototype.myMap = function myMap(callback,context){ context = context || window; if('map' in Array.prototye) { return this.map(callback,context); } //IE6-8下自己编写回调函数执行的逻辑 var newAry = []; for(var i = 0,len = this.length; i < len;i++) { if(typeof callback === 'function') { var val = callback.call(context,this[i],i,this); newAry[newAry.length] = val; } } return newAry; } ``` > 需要注意的是map方法返回的是一个新的数组，不会改变之前的数组 > 而且break，continue等语句失效，无法提前跳出循环 > 而且map方法是可以使用return语句的 ## 6. for of 循环 > 优点：简洁，可以使用break、continue、return等语句，可以遍历数组、对象、DOM节点数组、Set对象等等 > 缺点：属于ES6的语法内容，使用时应注意兼容性。 ``` for (var value of arr) { //code } ``` --- > 转载自：https://blog.csdn.net/mwl1711883743/article/details/81805573