//Object

//创建
var obj = {}
function obj(){}
class obj{} //Array api
Array属性和方法:
for 条件判断: break continue return
let arr = [function (){}, new Fun(), undefined, null, boolean, string, number, []]; var x = arr.length // arr 中元素的数量
var y = arr.indexOf('1') // "value" 值的索引值 isArray() Array.isArray(arr)判断对象是否为数组。
arr.concat(arr_a, arr_b) 连接两个或更多的数组,并返回结果。注意:不影响原数组
copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries() 返回数组的可迭代对象。
every(function (){}) 检测数值元素的 每个元素 是否都符合条件。返回 布尔值
filter() 检测数值元素,并返回符合条件所有元素的数组。返回 新数组
fill() 使用一个固定值来填充数组。
find() 返回符合传入测试(函数)条件的数组元素。
findIndex() 返回符合传入测试(函数)条件的数组元素索引。
arr.forEach(function (val, key){}) 数组每个元素都执行一次回调函数。
from() 通过给定的对象中创建一个数组。
includes() (es7新方法)判断一个数组是否包含一个指定的值。
arr.indexOf(arr的value) 搜索数组中的value,并返回key,否则返回 -1
join() 把数组的所有元素放入一个字符串。
keys() 返回数组的可迭代对象,包含原始数组的键(key)。
lastIndexOf() 搜索数组中的元素,并返回它最后出现的位置。
map() 通过指定函数处理数组的每个元素,并返回处理后的数组。
pop() 删除数组的最后一个元素并返回删除的元素。
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
reduce(fun) 将数组元素计算为一个值(从左到右)。
reduceRight(fun) 将数组元素计算为一个值(从右到左)。
reverse() 反转数组的value顺序。
shift() 删除并返回数组的第一个元素。
slice() 选取数组的的一部分,并返回一个新数组。
array.some(function (value, key, array){let a = 0; return value > 0;})检测数组元素中是否有元素符合指定条件。如果有立即返回true
sort(fun) 对数组的元素进行排序。
splice(key, num) 从数组中添加或删除元素。
toString() 把数组转换为字符串,并返回结果。
valueOf() 返回数组对象的原始值。 //Map
优点: 查询很快
var map = new Map();//声明
map.set("key","value");//增加
map.delete("key");//删除
map.get("key");//获取
map.has("key");//判断key是否存在 Map test
let k = 0, arr = [], map = new Map(); for(k = 0; k < 1000000; k++){
arr[k] = {id:Number(k), content:'test'};
map.set(k, {id:Number(k), content:'test'});
} console.time('arr');
arr[999999];
console.timeEnd('arr');//0.022ms console.time('map');
map.get(999999);
console.timeEnd('map');//0.005ms //Set
优点:1:可以很快的让array数组的value去重复, 2:相对于Array数组 速度更快
注意: set数组里面没有key键, 只有value,且都是唯一的 属性:
size:返回集合所包含元素的数量 方法:
var set = new Set(); // 空Set
set = new Set([1, 2, 3]);
set.add(value);//添加
set.delete(value);//删除
set.has(value);//返回 布尔值
set.clear(): 移除集合里所有的项 //遍历
set.keys().next().value
set.values().next().value
set.entries().next().value['0']
forEach((value, value, set)=>{}) Set test
//add
let k = 0, arr = [], set = new Set();
for(k = 0; k < 1000000; k++){
arr[k] = {id:Number(k), content:'test'};
set.add({id:Number(k), content:'test'});
}

javascript 集合 Object Array Map Set的更多相关文章

  1. 再谈js对象数据结构底层实现原理-object array map set

    如果有java基础的同学,可以回顾下<再谈Java数据结构—分析底层实现与应用注意事项>:java把内存分两种:一种是栈内存,另一种是堆内存.基本类型(即int,short,long,by ...

  2. [Javascript] Chaining the Array map and filter methods

    Both map and filter do not modify the array. Instead they return a new array of the results. Because ...

  3. JS中集合对象(Array、Map、Set)及类数组对象的使用与对比

    原文地址 在使用js编程的时候,常常会用到集合对象,集合对象其实是一种泛型,在js中没有明确的规定其内元素的类型,但在强类型语言譬如Java中泛型强制要求指定类型. ES6引入了iterable类型, ...

  4. JavaScript 对象Array,Map,Set使用

    for(int i = 0 :i < 3 ;i++ ){ //[重点说三遍] 在说明每个对象的用法之前,首先说明 JavaScript 对象的使用一定要注意浏览器的兼容性问题!尤其是IE的版本! ...

  5. JavaScript Array.map

    Array.prototype.map() History Edit This article is in need of a technical review. Table of Contents ...

  6. Javascript判断object还是list/array的类型(包含javascript的数据类型研究)

    前提:先研究javascript中的变量有几种,参考: http://www.w3school.com.cn/js/js_datatypes.asp http://glzaction.iteye.co ...

  7. 【原】javascript笔记之Array方法forEach&map&filter&some&every&reduce&reduceRight

    做前端有多年了,看过不少技术文章,学了新的技术,但更新迭代快的大前端,庞大的知识库,很多学过就忘记了,特别在项目紧急的条件下,哪怕心中隐隐约约有学过一个方法,但会下意识的使用旧的方法去解决,多年前ES ...

  8. Array.from();Object.keys();Array.map()

    Array.from():方法从一个类似数组或可迭代对象创建一个新的数组形式: const bar = ["a", "b", "c"]; A ...

  9. JavaScript高级编程——Array数组迭代(every()、filter()、foreach()、map()、some(),归并(reduce() 和reduceRight() ))

    JavaScript高级编程——Array数组迭代(every().filter().foreach().map().some(),归并(reduce() 和reduceRight() )) < ...

随机推荐

  1. 机器学习——Java调用sklearn生成好的Logistic模型进行鸢尾花的预测

    机器学习是python语言的长处,而Java在web开发方面更具有优势,如何通过java来调用python中训练好的模型进行在线的预测呢?在java语言中去调用python构建好的模型主要有三种方法: ...

  2. 倍增ST应用 选择客栈(提高组)

    重磅例题!ST表应用!提高组Getting! 1125: B15-倍增-习题:选择客栈[ST表应用] 时间限制: 1 Sec  内存限制: 128 MB提交: 35  解决: 12[提交] [状态] ...

  3. Spring学习记录3——Spring AOP

    SpringAOP基础 AOP简介: AOP是Aspect Oriented Programing的简称,翻译为“面向切面编程”.它适用于具有横切逻辑的应用场合,如性能检测,访问控制,事务管理及日志记 ...

  4. php获取本年、本月、本周时间戳和日期格式

    时间戳格式: //获取今日开始时间戳和结束时间戳 $beginToday=mktime(0,0,0,date('m'),date('d'),date('Y')); $endToday=mktime(0 ...

  5. 本地Git绑定Github仓库

    前言 Window的小伙伴如果还没在本地配好Git环境可以参考:https://www.cnblogs.com/poloyy/p/12185132.html 创建Github仓库 Github绑定本地 ...

  6. Entity Framework 6+ 连接Mysql

    好吧.这个博客开不开的 我感觉.. 都一样了. 前言: 公司改造Sqlserver ->Mysql Sql2016老夫对不住你啊.. 好 前沿结束. 需要的家伙: 1.mysql-for-vis ...

  7. 对Hadoop分布式文件系统HDFS的操作实践

    原文地址:https://dblab.xmu.edu.cn/blog/290-2/ Hadoop分布式文件系统(Hadoop Distributed File System,HDFS)是Hadoop核 ...

  8. Docker windows nano server容器中安装ssh实现远程登录管理

    [问题] 使用ServiceMonitor.exe作为前台进程运行起来的容器无法attach. 无法远程连接到运行中的容器中进行管理. [解决方法] 在container中新建管理员用户,通过SSH实 ...

  9. .Net Core建站(1):EF Core+CodeFirst数据库生成

    emmm,本来想着用Core做一个小项目玩玩的,然后肯定是要用到数据库的, 然后想,啊,要不用CodeFirst,感觉很腻害的样子,于是,一脸天真无邪的我就踏入了一个深不见底的天坑... 本来想着,应 ...

  10. tarjan缩点练习 洛谷P3387 【模板】缩点+poj 2186 Popular Cows

    缩点练习 洛谷 P3387 [模板]缩点 缩点 解题思路: 都说是模板了...先缩点把有环图转换成DAG 然后拓扑排序即可 #include <bits/stdc++.h> using n ...