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() )) < ...
随机推荐
- Spring Boot2 系列教程 (十三) | 整合 MyBatis (XML 版)
前言 如题,今天介绍 SpringBoot 与 Mybatis 的整合以及 Mybatis 的使用,之前介绍过了 SpringBoot 整合MyBatis 注解版的使用,上一篇介绍过 MyBatis ...
- Java 循环队列
传统数组实现的队列有缺陷,当多次入队出队后,队头指针会后移,当队尾指针达到数组末尾时,会提示队列已满,导致数组前部分空间被浪费.如果当队尾和队头指针到达数组末尾时能从数组[0]继续添加数据,可以提升数 ...
- dubbo配置文件解读(1)
详细的Dubbo配置也可以参考:https://blog.csdn.net/abcde474524573/article/details/53026110 (1)<dubbo:service/& ...
- 归一化 (Normalization)、标准化 (Standardization)和中心化/零均值化 (Zero-centered)
博主学习的源头,感谢!https://www.jianshu.com/p/95a8f035c86c 归一化 (Normalization).标准化 (Standardization)和中心化/零均值化 ...
- 关于爬虫的日常复习(17)——scrapy系列1
- 【Flink】Flink作业调度流程分析
1. 概述 当向Flink集群提交用户作业时,从用户角度看,只需要作业处理逻辑正确,输出正确的结果即可:而不用关心作业何时被调度的,作业申请的资源又是如何被分配的以及作业何时会结束:但是了解作业在运行 ...
- 记第一场cf比赛(Codeforces915)
比赛感想 本来21:05开始的比赛,结果记成21:30了...晚了25分钟才开始[捂脸] 这次是Educational Round,所以还比较简单. 前两道题一眼看去模拟+贪心,怕错仔细看了好几遍题, ...
- 【javaScript】js出现allocation size overflow以及字符串拼接优化
字符串拼接长一点了,就出现了allocation size overflow异常! 先创建缓冲字符串数组,最后将数组转化为字符串 <script type="text/javascri ...
- BZOJ 1152 歌唱王国
题目传送门 分析: 这道题很神仙,我们给出低配版解法和高配版解法2333 低配版: 首先知道这样一个公式...(证明去高配版) 当一个字符串S其中S [ 1 , i ] = S [ n - i + 1 ...
- NOde.js的安装和简介
1.nodejs的安装 1.1 检测nodejs的版本 node -v (version:版本) 1.2 path配置nodejs 的环境变量(当前版本都是自动安装配置环境变量)指令: path 1. ...