js中关于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) ? 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));
} /**
* 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;
};
js中关于array的常用方法的更多相关文章
- js中的Array
js中的Array 啥是ArrayLike对象 类似,下面这种对象的就是ArrayLike var arraylike = { 0: "a", 1: "b", ...
- js中数组Array的一些常用方法总结
var list = new Array()是我们在js中常常写到的代码,今天就总结一下Array的对象具有哪些方法. list[0] = 0; list[1] = 1; list[2] = 2; 或 ...
- JS中数组Array的用法{转载}
js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^var arr = new Array();arr[0] = "aaa";arr[1] ...
- JS中数组Array的用法示例介绍 (转)
new Array() new Array(len) new Array([item0,[item1,[item2,...]]] 使用数组对象的方法: var objArray=new Array() ...
- JS中数组Array的用法
js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了. var arr = new Array(); // 初始化数组arr[0] = "aaa";arr[1] = ...
- D3.js中对array的使用
由于D3类库和array密切相关,我们有必要讨论一下D3中的数据绑定以及在数组内部运算的方法. 1.D3中的数组 和其他编程语言一样,D3的数组元素可以是数字或者字符等类型,例如: someData= ...
- JS中部分 Array 对象方法介绍
1.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本 <script type="text/javascrip ...
- js中数组Array 详解
unshift:将参数添加到原数组开头,并返回数组的长度 pop:删除原数组最后一项,并返回删除元素的值:如果数组为空则返回undefined push:将参数添加到原数组末尾,并返回数组 ...
- JS中Math函数的常用方法
Math 是数学函数,但又属于对象数据类型 typeof Math => ‘object’ console.dir(Math) 查看Math的所有函数方法. 1,Math.abs() 获取绝对值 ...
随机推荐
- WPF 动画:同为控件不同命 - 简书
原文:WPF 动画:同为控件不同命 - 简书 1. 及格与优秀 读大学的时候,有一门课的作业是用 PPT 展示. 但是我们很多同学都把 PPT 当做 Word 来用,就单纯地往里面堆文字. 大家都单纯 ...
- 搜索引擎Solr6.2.1 索引富文本(word/pdf/txt/html)
一:首先建立Core 在core下面新建lib文件夹,存放相关的jar包,如图所示: lib文件夹打开所示,这些类库在solr6.2.1解压之后都能找到: 修改solrconfig.xml,把刚刚建的 ...
- git远程版本回滚方法【转】
step1:本地代码回滚到上一版本(或者指定版本) git reset --hard HEAD~1 step2:加入-f参数,强制提交,远程端将强制跟新到reset版本 git push -f ori ...
- MES与ERP的区别(转)
MES和ERP有很大的不同,主要体现在以下几个方面: 1.管理的目标不同 ERP的重点在于财务,也就是从财务的角度出发来对企业的资源进行计划,相关的模块也是以财务为核心的展开,最终的管理数据也是集中到 ...
- 常用常忘的delegate,记一下。
多线程: 1 new Thread(new ThreadStart(Method1))).Start(); 1 new Thread(new ParameterizedThreadStart(Meth ...
- TensorFlow深度学习实战---图像数据处理
图像的亮度.对比度等属性对图像的影响非常大,这些因素都会影响最后的识别结构.当然,复杂的预处理过程可能会导致训练效率的下降(利用TensorFlow中多线程处理输入数据的解决方案). 同一不同的原始数 ...
- 随身Wifi+win7 搭建http代理 域名劫持 抓包 内容篡改实验环境
需求来源: 1.平板或手机是个封闭系统无法给wifi设置代理 2.需要利用filllder进行抓包,内容篡改等实验 拥有硬件资源:PC机器 + 小米随身wifi 方案1: NtBind Dns + N ...
- Redis的数据类型以及每种数据类型的使用场景
人就是很奇怪的动物,很简单的问题往往大家都容易忽略,当我们在使用分布式缓存Redis的时候,一个最简单的问题Redis的数据类型以及每种数据类型的使用场景是什么? 是不是觉得这个问题很基础?我也这么觉 ...
- IO多路复用(二) -- select、poll、epoll实现TCP反射程序
接着上文IO多路复用(一)-- Select.Poll.Epoll,接下来将演示一个TCP回射程序,源代码来自于该博文https://www.cnblogs.com/Anker/p/3258674.h ...
- mysql5.5 升级到 5.7 的坑
1.大概思路,docker 新启一个mysql5.7 端口映射到3307 2. 导出5.5 的.sql文件,导入5.7中 3.测试通过后,可将5.5关闭.5.7端口改回3306 GRANT ALL P ...