javascript 集合 Object Array Map Set
//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的更多相关文章
- 再谈js对象数据结构底层实现原理-object array map set
如果有java基础的同学,可以回顾下<再谈Java数据结构—分析底层实现与应用注意事项>:java把内存分两种:一种是栈内存,另一种是堆内存.基本类型(即int,short,long,by ...
- [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 ...
- JS中集合对象(Array、Map、Set)及类数组对象的使用与对比
原文地址 在使用js编程的时候,常常会用到集合对象,集合对象其实是一种泛型,在js中没有明确的规定其内元素的类型,但在强类型语言譬如Java中泛型强制要求指定类型. ES6引入了iterable类型, ...
- JavaScript 对象Array,Map,Set使用
for(int i = 0 :i < 3 ;i++ ){ //[重点说三遍] 在说明每个对象的用法之前,首先说明 JavaScript 对象的使用一定要注意浏览器的兼容性问题!尤其是IE的版本! ...
- JavaScript Array.map
Array.prototype.map() History Edit This article is in need of a technical review. Table of Contents ...
- Javascript判断object还是list/array的类型(包含javascript的数据类型研究)
前提:先研究javascript中的变量有几种,参考: http://www.w3school.com.cn/js/js_datatypes.asp http://glzaction.iteye.co ...
- 【原】javascript笔记之Array方法forEach&map&filter&some&every&reduce&reduceRight
做前端有多年了,看过不少技术文章,学了新的技术,但更新迭代快的大前端,庞大的知识库,很多学过就忘记了,特别在项目紧急的条件下,哪怕心中隐隐约约有学过一个方法,但会下意识的使用旧的方法去解决,多年前ES ...
- Array.from();Object.keys();Array.map()
Array.from():方法从一个类似数组或可迭代对象创建一个新的数组形式: const bar = ["a", "b", "c"]; A ...
- JavaScript高级编程——Array数组迭代(every()、filter()、foreach()、map()、some(),归并(reduce() 和reduceRight() ))
JavaScript高级编程——Array数组迭代(every().filter().foreach().map().some(),归并(reduce() 和reduceRight() )) < ...
随机推荐
- python条件判断语句
# 条件判断(if)语句: # 语法1: if 条件表达式 : 单行语句 # 语法2: if 条件表达式 : # 代码块(多行语句) # 执行的流程:if语句在执行时,会先对条件表达式进行求值判断, ...
- cogs 886. [USACO 4.2] 完美的牛栏 二分图 匈牙利算法
886. [USACO 4.2] 完美的牛栏 ★★☆ 输入文件:stall4.in 输出文件:stall4.out 简单对比时间限制:1 s 内存限制:128 MB USACO/sta ...
- PTA - 拓扑排序
一个项目由若干个任务组成,任务之间有先后依赖顺序.项目经理需要设置一系列里程碑,在每个里程碑节点处检查任务的完成情况,并启动后续的任务.现给定一个项目中各个任务之间的关系,请你计算出这个项目的最早完工 ...
- SqlServer分页存储过程(多表查询,多条件排序),Repeater控件呈现数据以及分页
存储过程(Stored Procedure)是在大型数据库系统中,一组为了完成特定功能的SQL 语句集,存储在数据库中,经过第一次编译后再次调用不需要再次编译,用户通过指定存储过程的名字并给出 ...
- C++模板编程与宏编程经验谈
C++模板编程与宏编程经验谈 有人说C 与C++的不同主要是因为C++支持模板,不要说区别是面向对象化编程,因为C同样能很好的实现对象化编程,面向对象化其实只是思想,在很多语言中都能实现,区别在于实现 ...
- (数据科学学习手札73)盘点pandas 1.0.0中的新特性
本文对应脚本及数据已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 毫无疑问pandas已经成为基于Pytho ...
- 【Four-Week-Task】四周学习CTF之第一周【寒假更新】
写在最前:为了更好地系统学习CTF(楞头冲很惨 别问我怎么知道的 除非你是天才),决定先看再学,先正向再逆向. /* 出版排版规范中,标题序号等级为:第一级,一.二.三.(用顿号):第二级,(一).( ...
- HUAWEI MateBook Fn 功能键/热键切换、设置方法
原文地址:https://club.huawei.com/thread-13130964-1-1.html HUAWE MateBook E/X/D的F1.F2 等键默认是热键优先.在热键模式下,要想 ...
- 学习 lind UML 资源 十月 第二弹
step one 来分析一下 UML 资源 管理
- laravel aritisan命令大全
1常用命令 显示某个命令的帮助 php artisan -h make:controller 实例命令 php artisan make:controller -r Api/TestControlle ...