JavaScript中的Array和Map集合对象

JavaScript中的Array和Map集合对象

1.Array

用于在单个变量中存储多个值

  • 创建
new Array();
new Array(size);
new Array(element0, element1, ..., elementn);
  • 长度
arr.length;设置或返回数组中元素的数目。
  • 赋值
var arr = new Array();
arr[0] = '555';
arr[1] = '666';
  • 遍历
arr.forEach(
    function(a){
        document.write(a);
    }
);

for(var i = 0;i<arr.length;i++){
    document.write(arr[i]);
}

for (var index in arr) {
    document.write(index);//index为集合下标
}

for (var value of arr) {
    document.write(value);//value为集合元素
} 
  • 常用方法
方法 描述
concat() 连接两个或更多的数组,并返回结果。
join(‘,‘) 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔(默认使用 ‘,‘)。
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
reverse() 颠倒数组中元素的顺序。
sort() 排序
toString() 把数组转换为字符串,并返回结果,元素之间使用‘,隔开’。
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
indexOf(‘tt‘) 判断集合中是否有‘tt’,如果有返回下标,没有返回-1

2.Map集合

存放键值对集合

  • 创建
var map = new Map();
var map = new Map([['dd','123'],['cc',666]]);
  • 长度
map.size;
  • 赋值
map.put();
  • 遍历
for(var key_value of map){
    console.log(key_value);//返回一个数组['key','value']
}
map.forEach(
    function(value,key,m){
        console.log(m);//m是遍历的map对象
    }
);
  • 常用方法
方法 说明
clear() 清空map集合
delete(‘key‘) 删除元素
get(‘key‘) 返回指定key的value,不存在返回undefined
has(‘key‘) map中是否包含键对应的值,如果包含返回true
set(‘key‘,value); 设置map中的值,返回该map
keys() 按插入顺序返回所有的key
values() 按插入顺序返回所有的value

3.JavaScript对象

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
person.key1 = "aaa";//向对象添加新的属性
person.key2 = "bbb";
person.key3 = "ccc";
person['key4'] = "ddd";
person['key5'] = "eee";
//遍历
for(var key in person){
    console.log(key);
}
//注意! 这种map不能使用for(var value of map)遍历
console.log(person.hasOwnProperty('key1'));
  • 访问对象属性
person.key1;
person['key1']
  • 删除对象属性
delete person.age;

原文地址:https://www.cnblogs.com/dch0/p/11430974.html

时间: 2024-10-16 06:19:33

JavaScript中的Array和Map集合对象的相关文章

javascript中的Array对象的slice()、call()、apply()详解

来51cto已经很多年,就是没怎么写文字,今天来一篇介绍JS的,文章篇幅不是很大,大部分内容是我参考了别人的博客后经过自己理解,自己整理的.方便自己以后回顾知识.文中涉及到javascript中的Array对象的slice().call().apply(); slice()方法,在我之前做的项目中,有两种数据类型下用到过.第一种是string类型的,还有一种是Array对象: string对象的slice(): 定义和用法 slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部

Map.containsKey方法——判断Map集合对象中是否包含指定的键名

该方法判断Map集合对象中是否包含指定的键名.如果Map集合中包含指定的键名,则返回true,否则返回false. public static void main(String[] args) { Map map = new HashMap(); //定义Map对象 map.put("apple", "新鲜的苹果"); //向集合中添加对象 map.put("computer", "配置优良的计算机"); map.put(&q

ExtJS学习-----------Ext.Array,ExtJS对javascript中的Array的扩展

关于ExtJS对javascript中的Array的扩展.能够參考其帮助文档,文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 因为Array中的方法过多.将当中的部分方法设计实例进行学习.实例地址:http://blog.csdn.net/z1137730824/article/details/38797257 (1)Ext.Array中的方法 clean( Array array ) : Array 过滤掉数组里的空值,空值

javascript中字符串格式转化成json对象记录

什么是JSON JSON(JavaScript Object Notation)是一种优美的JavaScript对象创建方法.JSON也是一种轻量级数据交换格式.JSON非常易于人阅读与编写,同时利于机器解析与生成.JSON是在AJAX中代替XML交换数据的更佳方案. JSON格式与语法 var jsonobject= {         //对象内的属性语法(属性名与属性值是成对出现的)         propertyname:value, //对象内的函数语法(函数名与函数内容是成对出现的

ES6中的Set和Map集合

前面的话 在ES6标准制定以前,由于可选的集合类型有限,数组使用的又是数值型索引,因而经常被用于创建队列和栈.如果需要使用非数值型索引,就会用非数组对象创建所需的数据结构,而这就是Set集合与Map集合的早期实现.本文将详细介绍ES6中的set和map集合 引入 Set集合是一种无重复元素的列表,开发者们一般不会逐一读取数组中的元素,也不太可能逐一访问Set集合中的每个元素,通常的做法是检测给定的值在某个集合中是否存在 Map集合内含多组键值对,集合中每个元素分别存放着可访问的键名和它对应的值,

Javascript中的Array(数组) 、{}(映射) 与JSON解析

做网页总会使用javascript,使用javascript总会使用JSON.最近用到一下,就写写. 下面是总结: 1.将javascript中的Array和{}转化为json字符串可以使用json2.js,源码地址https://github.com/douglascrockford/JSON-js. 2.将json字符串转为javascript对象,可以使用javascript自带的eval函数. 3.javascript中可以使用typeof查看变量的类型. 4.要访问json字段,必须是

[JavaScript]JavaScript中的Array

JavaScript中的Array 今天较全面地学习到了JS中的Array,也就是数组.写博文一篇来总结一下学习和使用过程中关于Array中的一些误区和常用API,加深一下印象. 关于Array最全面的API在此,MDN 阮一峰阮老师的Array教程 Array的定义 来自MDN的定义: JavaScript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象 来自阮一峰老师教程的定义: 数组(array)是按次序排列的一组值.每个值的位置都有编号(从0开始),整个数组用方括号表

JavaScript中的Array.prototype.slice.call()方法学习

JavaScript中的Array.prototype.slice.call(arguments)能将有length属性的对象转换为数组(特别注意: 这个对象一定要有length属性). 但有一个例外,IE下的节点集合它不能转换(因为IE下的dom对象是以com对象的形式实现,js对象和com对象不能进行转换) 首先,我们来看看JavaScript中的slice用法, 在JavaScript中Array是一个类,slice是此类中的一个方法,slice的中文意思是 '截取' 一个是String.

JavaScript中两种类型的全局对象/函数(转)

转自:http://www.cnblogs.com/snandy/archive/2011/03/19/1988626.html 这里所说的JavaScript指浏览器环境中的包括宿主环境在内的.第一种是ECMAScript Global Object,第二种是宿主环境(Host)下的全局对象/函数. 一.核心JavaScript内置对象,即ECMAScript实现提供的不依赖于宿主环境的对象 这些对象在程序执行之前就已经(实例化)存在了.ECMAScript称为The Global Objec