js中的Array
-
啥是ArrayLike对象
类似,下面这种对象的就是ArrayLike
var arraylike = {
0: "a",
1: "b",
2: "c",
length: 3
}
arraylike.forEach(element => { // 报错
console.log(element);
});
ArrayLike对象和数组类似,但是不能使用数组的方法,因为它是继承自Object.prototype而不是Array.prototype 获取dom元素的方法,一般都会产生ArrayLike对象 -
将ArrayLike对象转换成Array
方式一:
var array = Array.from(arraylike); 方式二:
var array = Array.from(arraylike, item => item+item); -
reduce方法
reduce方法其实类似于叠罗汉,取数组中第一个参数和第二个参数做运算,然后将结果返回,作为下一次运算的第一个元素与数组中的第三个元素运算,重复这种操作
var array = [1,2,3,4,5];
var res = array.reduce((a, b) => a + b); // 15 求和运算
var res = array.reduce((a, b) => a + b, 10); // 25 传递第二个参数作为运算的起始第一个参数 数组格式化成对象,这对于处理后端api数据,方便前端渲染很有用
var array = [
{name: "小明", age: "10"},
{name: "小张", age: "20"},
{name: "小王", age: "30"},
] 方式一:
var obj = array.reduce((a, b) => {
a[b.name] = b.age;
return a;
}, {}); // { '小明': '10', '小张': '20', '小王': '30' } 方式二:
var obj = array.reduce((a, b) => Object.assign(a, {
[b.name]: b.age
}), {}); 方式三:
var obj = array.reduce((a, b) => ({...a, [b.name]: b.age}), {}); -
map方法
map方法循环便利所有元素,产生一个新的数组 var arr = [1,2,3,4,5];
var res = arr.map(item => item+1); // [ 2, 3, 4, 5, 6 ] var res = arr.map(function(item){
return item+this.init;
}, {
init: 1
}); // [ 2, 3, 4, 5, 6 ] -
filter方法
filter方法循环便利所有元素,根据条件筛选出符合的元素,产生一个新的数组
var arr = [1,2,3,4,5];
var res = arr.filter(item => item > 3) // [ 4, 5 ] -
sort方法
sort方法在原数组的基础上进行排序
按照字母表顺序排序
var arr = ["c", "b", "f", 1, "g", 2];
arr.sort((a, b) => a.toString().localeCompare(b)); // [ 1, 2, 'b', 'c', 'f', 'g' ] 升序排序
var arr = [3,5,2,1,9];
arr.sort((a, b) => a - b); -
for...of
遍历数组
var arr = [3,5,2,1,9];
for(let item of arr) {
console.log(item);
} -
every
有条件的暂停遍历
var arr = [3,5,2,"end",1,9];
arr.every(item => {
console.log(item);
return item != "end";
}) -
some
和上面的every逻辑上正好相反
var arr = [3,5,2,"end",1,9];
arr.some(item => {
console.log(item);
return item === "end";
}) -
find和findIndex
var arr = [
{name: "小明", age: "10"},
{name: "小张", age: "20"},
{name: "小王", age: "30"},
]; var res = arr.find(item => item.age==20); // { name: '小张', age: '20' }
var res = arr.findIndex(item => item.age==20); // 1 -
解构
var arr = [1,2,3,4,5];
var [a,,b, ...c] = arr;
console.log(a, b, c); // 1 3 [ 4, 5 ] -
去重
var arr = [1,1,2,1,1,2,3,3]; 利用reduce进行数组去重
var res = arr.reduce((a,b) => {
if(a.indexOf(b) === -1) {
a.push(b);
}
return a;
}, []) // [ 1, 2, 3 ] 利用filter进行去重
var res = arr.filter((a,b,c) => {
return c.indexOf(a) === b;
}) 利用Set去重
var res = [...new Set(arr)];
js中的Array的更多相关文章
-
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的常用方法
最近总结了一些关于array中的常用方法, 其中大部分的方法来自于<JavaScript框架设计>这本书, 如果有更好的方法,或者有关于string的别的常用的方法,希望大家不吝赐教. 第 ...
-
JS中部分 Array 对象方法介绍
1.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本 <script type="text/javascrip ...
-
js中数组Array 详解
unshift:将参数添加到原数组开头,并返回数组的长度 pop:删除原数组最后一项,并返回删除元素的值:如果数组为空则返回undefined push:将参数添加到原数组末尾,并返回数组 ...
-
js中的Array数组清空
var data = new Array();//数组 data.length = 0;//数组的长度等于0,数组的项就会被清空
随机推荐
-
Query Designer:Variable 变量
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- 高端大气上档次Ergotron Neo-Flex+MBP Retina的组合~
-
centos忘记root密码,重新设置的方法
今天重新装了一个centos6.6,好像root密码没有叫我设置吧,然后用虚拟机开始安装之前的密码登录显示失败,所以有了下面的彩蛋.....Helloween... 在虚拟机安装了Centos,今天要 ...
-
android:imeOptions属性(转)
默认情况下软键盘右下角的按钮为“下一个”,点击会到下一个输入框,保持软键盘 设置 android:imeOptions="actionDone" ,软键盘下方变成“完成”,点击后光 ...
-
看完 《重来(REWORK)》
最近看完了<重来>这本书,作者是贾森 弗里德,又是一位创业成功人士. 但是从这本书来看,感觉作者更像是一位布道者,极力推荐这本书 <重来——更为简单有效的商业思维>. 公司不一 ...
-
Scanner类及正则表达式
import java.util.Scanner; public class ScannerToString { public static void main(String[] args) { Sc ...
-
Openstack: Single node Installation and External Network Accessing Configuration Guide
Summary of installation Step 0: Prerequisites Step 1: Create Openstack hostsystem Step 2: Config Ope ...
-
Unity Shader 矩阵基本信息
基本信息 mul函数 mul函数,是表示矩阵M和向量V进行点乘,得到一个向量Z,这个向量Z就是对向量V进行矩阵变换后得到的值. HLSL的mul函数接受mul(V, M)或mul(M, V),要注意 ...
-
AGC 016 F - Games on DAG(状压dp)
题意 给你一个有 \(n\) 个点 \(m\) 条边 DAG 图,点的标号和拓扑序一致. 现在有两个人进行博弈,有两个棋子分别在 \(1, 2\) 号点上,需要不断移动到它指向的点上. 如果当前两个点 ...
-
c++内存管理的一些资料
C++内存分配方式详解--堆.栈.*存储区.全局/静态存储区和常量存储区 如何动态调用DLL中的导出类 在dll中导出类,并结合继承带来的问题 如何更好的架构一个界面库,欢迎大家一起讨论 pim ...