最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript中关于array的常用方法

来源:懂视网 责编:小采 时间:2020-11-27 20:23:29
文档

javascript中关于array的常用方法

javascript中关于array的常用方法:最近总结了一些关于array中的常用方法,其中大部分的方法来自于《JavaScript框架设计》这本书,如果有更好的方法,或者有关于string的别的常用的方法,希望大家不吝赐教。直接上代码:/** * 判定数组是否包含指定目标 * @param target * @pa
推荐度:
导读javascript中关于array的常用方法:最近总结了一些关于array中的常用方法,其中大部分的方法来自于《JavaScript框架设计》这本书,如果有更好的方法,或者有关于string的别的常用的方法,希望大家不吝赐教。直接上代码:/** * 判定数组是否包含指定目标 * @param target * @pa

最近总结了一些关于array中的常用方法,

其中大部分的方法来自于《JavaScript框架设计》这本书,

如果有更好的方法,或者有关于string的别的常用的方法,希望大家不吝赐教。

直接上代码:

/**
 * 判定数组是否包含指定目标
 * @param target
 * @param item
 * @returns {boolean}
 */
function contains(target,item) {
 return target.indexOf(item) > -1;
}

/**
 * 移除数组中指定位置的元素,返回布尔表示成功与否
 * @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 {*}
 */
function random(target) {
 return target[Math.floor(Math.random() * target.length)];
}

/**
 * 对数组进行平坦化处理,返回一个一维的新数组
 * @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;
}

/**
 * 去重操作,有序状态
 * @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);
}

/**
 * 过滤属性中的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) ? val : function(obj) {
 return obj[val];
 };
 target.forEach(function(value,index) {
 var key = iterator(value,index);
 (result[key] || (result[key] = [])).push(value);
 });
 return result;
}
function isFunction(obj){
 return Object.prototype.toString.call(obj) === '[object Function]';
}

// 例子
function iterator(value) {
 if (value > 10) {
 return 'a';
 } else if (value > 5) {
 return 'b';
 }
 return 'c';
}
var target = [6,2,3,4,5,65,7,6,8,7,65,4,34,7,8];
console.log(groupBy(target,iterator));



/**
 * 获取对象数组的每个元素的指定属性,组成数组返回
 * @param target
 * @param name
 * @returns {Array}
 */
function pluck(target,name) {
 let result = [],prop;
 target.forEach(function(item) {
 prop = item[name];
 if (prop != null) {
 result.push(prop);
 }
 });
 return result;
}

/**
 * 根据指定条件进行排序,通常用于对象数组
 * @param target
 * @param fn
 * @param scope
 * @returns {Array}
 */
function sortBy(target,fn,scope) {
 let array = target.map(function(item,index) {
 return {
 el: item,
 re: fn.call(scope,item,index)
 };
 }).sort(function(left,right) {
 let a = left.re, b = right.re;
 return a < b ? -1 : a > b ? 1 : 0;
 });
 return pluck(array,'el');
}

/**
 * 对两个数组取并集
 * @param target
 * @param array
 * @returns {Array}
 */
function union(target,array) {
 return unique(target.concat(array));
}

/**
 * 对两个数组取交集
 * @param target
 * @param array
 * @returns {Array.<T>|*}
 */
function intersect(target,array) {
 return target.filter(function(n) {
 return ~array.indexOf(n);
 })
}

/**
 * 返回数组中的最小值,用于数字数组
 * @param target
 * @returns {*}
 */
function min(target) {
 return Math.min.apply(0,target);
}

/**
 * 返回数组中的最大值,用于数字数组
 * @param target
 * @returns {*}
 */
function max(target) {
 return Math.max.apply(0,target);
}

最后模拟一下数组中的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;
};

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

javascript中关于array的常用方法

javascript中关于array的常用方法:最近总结了一些关于array中的常用方法,其中大部分的方法来自于《JavaScript框架设计》这本书,如果有更好的方法,或者有关于string的别的常用的方法,希望大家不吝赐教。直接上代码:/** * 判定数组是否包含指定目标 * @param target * @pa
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top