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;
};
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
白云城资源网 Copyright www.dyhadc.com
暂无“javascript 中关于array的常用方法详解”评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
2025年10月28日
2025年10月28日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]