DDR爱好者之家 Design By 杰米
javascript 中关于array的常用方法
最近总结了一些关于array中的常用方法,
其中大部分的方法来自于《JavaScript框架设计》这本书,
如果有更好的方法,或者有关于string的别的常用的方法,希望大家不吝赐教。
第一部分
数组去重,总结了一些数组去重的方法,代码如下:
/** * 去重操作,有序状态 * @param target * @returns {Array} */ function unique(target) { let result = []; loop: for (let i = 0,n = target.length;i < n; i++) { for (let x = i + 1;x < n;x++) { if (target[x] === target[i]) { continue loop; } } result.push(target[i]); } return result; } /** * 去重操作,无序状态,效率最高 * @param target * @returns {Array} */ function unique1(target) { let obj = {}; for (let i = 0,n = target.length; i < n;i++) { obj[target[i]] = true; } return Object.keys(obj); } /** * ES6写法,有序状态 * @param target * @returns {Array} */ function unique2(target) { return Array.from(new Set(target)); } function unique3(target) { return [...new Set(target)]; }
第二部分
数组中获取值,包括最大值,最小值,随机值。
/** * 返回数组中的最小值,用于数字数组 * @param target * @returns {*} */ function min(target) { return Math.min.apply(0,target); } /** * 返回数组中的最大值,用于数字数组 * @param target * @returns {*} */ function max(target) { return Math.max.apply(0,target); } /** * 从数组中随机抽选一个元素出来 * @param target * @returns {*} */ function random(target) { return target[Math.floor(Math.random() * target.length)]; }
第三部分
对数组本身的操作,包括移除值,重新洗牌,扁平化和过滤不存在的值
/** * 移除数组中指定位置的元素,返回布尔表示成功与否 * @param target * @param index * @returns {boolean} */ function removeAt(target,index) { return !!target.splice(index,1).length; } /** * 移除数组中第一个匹配传参的那个元素,返回布尔表示成功与否 * @param target * @param item * @returns {boolean} */ function remove(target,item) { const index = target.indexOf(item); if (~index) { return removeAt(target,index); } return false; } /** * 对数组进行洗牌 * @param array * @returns {array} */ function shuffle(array) { let m = array.length, t, i; // While there remain elements to shuffle… while (m) { // Pick a remaining element… i = Math.floor(Math.random() * m--); // And swap it with the current element. t = array[m]; array[m] = array[i]; array[i] = t; } return array; } /** * 对数组进行平坦化处理,返回一个一维的新数组 * @param target * @returns {Array} */ function flatten (target) { let result = []; target.forEach(function(item) { if(Array.isArray(item)) { result = result.concat(flatten(item)); } else { result.push(item); } }); return result; } /** * 过滤属性中的null和undefined,但不影响原数组 * @param target * @returns {Array.<T>|*} */ function compat(target) { return target.filter(function(el) { return el != null; }) }
第四部分
根据指定条件对数组进行操作。
/** * 根据指定条件(如回调或对象的某个属性)进行分组,构成对象返回。 * @param target * @param val * @returns {{}} */ function groupBy(target,val) { var result = {}; var iterator = isFunction(val) "htmlcode">/** * 对两个数组取并集 * @param target * @param array * @returns {Array} */ function union(target,array) { return unique(target.concat(array)); } /** * ES6的并集 * @param target * @param array * @returns {Array} */ function union1(target,array) { return Array.from(new Set([...target,...array])); } /** * 对两个数组取交集 * @param target * @param array * @returns {Array.<T>|*} */ function intersect(target,array) { return target.filter(function(n) { return ~array.indexOf(n); }) } /** * ES6 交集 * @param target * @param array * @returns {Array} */ function intersect1(target,array) { array = new Set(array); return Array.from(new Set([...target].filter(value => array.has(value)))); } /** * 差集 * @param target * @param array * @returns {ArrayBuffer|Blob|Array.<T>|string} */ function diff(target,array) { var result = target.slice(); for (var i = 0;i < result.length;i++) { for (var j = 0; j < array.length;j++) { if (result[i] === array[j]) { result.splice(i,1); i--; break; } } } return result; } /** * ES6 差集 * @param target * @param array * @returns {Array} */ function diff1(target,array) { array = new Set(array); return Array.from(new Set([...target].filter(value => !array.has(value)))); }第六部分
数组包含指定目标。
/** * 判定数组是否包含指定目标 * @param target * @param item * @returns {boolean} */ function contains(target,item) { return target.indexOf(item) > -1; }最后模拟一下数组中的pop,oush,shift和unshift的实现原理
const _slice = Array.prototype.slice; Array.prototype.pop = function() { return this.splice(this.length - 1,1)[0]; }; Array.prototype.push = function() { this.splice.apply(this,[this.length,0].concat(_slice.call(arguments))); return this.length; }; Array.prototype.shift = function() { return this.splice(0,1)[0]; }; Array.prototype.unshift = function() { this.splice.apply(this, [0,0].concat(_slice.call(arguments))); return this.length; };感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年11月27日
2024年11月27日
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]