Js數(shù)組扁平化實(shí)現(xiàn)方法代碼總匯
題目:
請(qǐng)寫(xiě)出一個(gè)數(shù)組拍平函數(shù)。效果如下:
var arr=[’a’, [’b’, ’c’], 2, [’d’, ’e’, ’f’], ’g’, 3, 4]; flat(arr) //a,b,c,2,d,e,f,g,3,4
方法一:使用toString方法先將arr轉(zhuǎn)換為一個(gè)字符串, 再以split分割為數(shù)組,再將數(shù)組里面的元素轉(zhuǎn)換為數(shù)字類(lèi)型
var arr =[’a’, [’b’, ’c’], 2, [’d’, ’e’, ’f’], ’g’, 3, 4];function flat(arr) { return arr.toString().split(’,’).map(function(item){ return Number(item) })}console.log(flat(arr))
方法二: toString 格式轉(zhuǎn)換 與方法一類(lèi)似 都是隱士類(lèi)型轉(zhuǎn)換
var arr = [’a’, [’b’, ’c’], 2, [’d’, ’e’, ’f’], ’g’, 3, 4];// 方法二:toString(格式轉(zhuǎn)換)var flag = function(arr) {let toString = Array.prototype.toString;Array.prototype.toString = function() {return this.join(’,’);};let result = arr + ’’;Array.prototype.toString = toString;return result;};console.log(flag(arr));
方法三: valueOf(格式轉(zhuǎn)換) 與方法一 二類(lèi)似 都是隱士類(lèi)型轉(zhuǎn)化原理
// 方法三:valueOf(格式轉(zhuǎn)換)Array.prototype.valueOf = function() {return this.join(’,’);};var flat = function(arr) {return arr + ’’;};console.log(flat([’a’, [’b’, ’c’], 2, [’d’, ’e’, ’f’], ’g’, 3, 4]));
方法四: 利用reduce特性
function flat(arr) {return newArr = arr.reduce((a, b) => {return a.concat(b)}, [])}var arr = [’a’, [’b’, ’c’], ’2’, [’d’, ’e’, ’f’], ’g’, 3, 4];console.log(flat(arr));
方法五:利用遞歸
function flat(array) {var result = [];var each = function(arr) {arr.forEach(item => {if (item instanceof Array) {each(item);} else {result.push(item);}});};each(array);return result.join(’,’);}var arr = [’a’, [’b’, ’c’, [7, 8]], 2, [’d’, ’e’, ’f’], ’g’, 3, 4];console.log(flat(arr));
方法六: ES6的遍歷器 Iterator 給數(shù)據(jù)結(jié)構(gòu)增加遍歷器必須增加一個(gè)next方法
// IteratorArray.prototype[Symbol.iterator] = function() {let arr = [].concat(this);// arr=[’a’, [’b’, ’c’], ’2’, [’d’, ’e’, ’f’], ’g’, 3, 4]let getFirst = function(array) {let first = array.shift();if (first instanceof Array) {if (first.length > 1) {arr = first.slice(1).concat(array);}first = first[0];}return first;};return {next: function() { //類(lèi)似與遍歷let item = getFirst(arr);if (item) {return {value: item,done: false,};} else {return {done: true,};}},};};var flat = function(arr) {let r = [];for (let i of arr) {r.push(i);} // i 已經(jīng)是單個(gè)元素return r.join(’,’);};var arr = [’a’, [’b’, ’c’], ’2’, [’d’, ’e’, ’f’], ’g’, 3, 4];console.log(flat(arr));
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. .NET SkiaSharp 生成二維碼驗(yàn)證碼及指定區(qū)域截取方法實(shí)現(xiàn)2. idea設(shè)置提示不區(qū)分大小寫(xiě)的方法3. HTTP協(xié)議常用的請(qǐng)求頭和響應(yīng)頭響應(yīng)詳解說(shuō)明(學(xué)習(xí))4. css代碼優(yōu)化的12個(gè)技巧5. ASP.NET MVC通過(guò)勾選checkbox更改select的內(nèi)容6. 原生JS實(shí)現(xiàn)記憶翻牌游戲7. CentOS郵件服務(wù)器搭建系列—— POP / IMAP 服務(wù)器的構(gòu)建( Dovecot )8. Django使用HTTP協(xié)議向服務(wù)器傳參方式小結(jié)9. django創(chuàng)建css文件夾的具體方法10. IntelliJ IDEA創(chuàng)建web項(xiàng)目的方法
