Js數(shù)組扁平化實(shí)現(xiàn)方法代碼總匯
題目:
請(qǐng)寫出一個(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ù)字類型
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)換 與方法一類似 都是隱士類型轉(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)換) 與方法一 二類似 都是隱士類型轉(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() { //類似與遍歷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. XML在語(yǔ)音合成中的應(yīng)用2. 不要在HTML中濫用div3. jscript與vbscript 操作XML元素屬性的代碼4. XML入門的常見問題(三)5. ASP將數(shù)字轉(zhuǎn)中文數(shù)字(大寫金額)的函數(shù)6. .NET Framework各版本(.NET2.0 3.0 3.5 4.0)區(qū)別7. HTML5實(shí)戰(zhàn)與剖析之觸摸事件(touchstart、touchmove和touchend)8. 基于PHP做個(gè)圖片防盜鏈9. ASP基礎(chǔ)入門第四篇(腳本變量、函數(shù)、過程和條件語(yǔ)句)10. php使用正則驗(yàn)證密碼字段的復(fù)雜強(qiáng)度原理詳細(xì)講解 原創(chuàng)
