2.重学javascript 对象和数组
什么是对象,其实就是一种类型,即引用类型。
一、创建Object类型有两种。
①使用new运算符
<script type="text/javascript">
var box = new Object();
box.name = '李四';
box.age = 28;
//new 关键字可以省略
var box = Object();
</script>
②字面量表示法(常用的方法)
<script type="text/javascript">
var box = {
name: '张三',
age:28
}; //使用字面量及传统赋值方式
var box={}; box.name = '张三',
box.age = 28;
</script>
二、两种属性输出方式
<script type="text/javascript">
alert(box.age);
alert(box['age']);
</script>
三、使用delete删除对象属性
deletebox.name;
四、给对象创建方法
<script type="text/javascript">
var box = {
run: function(){
return '运行';
}
};
alert(box.run());
</script>
<script type="text/javascript">
//参数是一个对象
function box(obj){ //判断属性是否存在
if(obj.name != undefined) alert(obj.name);
if(obj.age != undefined) alert(obj.age);
} //调用函数传递一个对象
box({
name: '王五',
age: 24
});
</script>
五、数组
①创建Array类型有两种方式:
1>.第一种是new运算符(可以省略new)
<script type="text/javascript">
//创建了一个数组
var box = new Array();
//创建一个包含10个元素的数组
var box = new Array(10);
//创建一个数组并分配好了元素
var box = new Array('占三', 28, '工人', '中国');
</script>
2>.第二种是字面量。
<script type="text/javascript">
//创建一个空的数组
var box = [];
//创建包含元素的数组
var box = ['王五' ,30, '码农', '中国'];
//禁止这么做,IE会识别3个元素
var box = [1,2,];
//同样,IE的会有识别问题
var box = [,,,,,,]; //PS:和Object一样,字面量的写法不会调用Array()构造函数。(Firefox除外)。
</script>
3>.使用索引下标来读取数组的值
<script type="text/javascript">
//获取元素个数
alert(box.length)
//强制元素个数
box.length=10;
//通过length给数组增加一个元素。
box[box.length]='JS 技术';
</script>
4>.创建一个稍微复杂一点的数组
<script type="text/javascript">
var box=[
{ //第一个元素是一个对象
name:'李炎恢',
age:28,
run:function(){
return'run 了';
}
},
['马云','李彦宏',new Object()],//第二个元素是数组
'江苏', //第三个元素是字符串
25+25, //第四个元素是数值
new Array(1,2,3) //第五个元素是数组
];
alert(box);
</script>
PS:数组最多可包含4294967295个元素,超出即会发生异常。
2.重学javascript 对象和数组的更多相关文章
- 第一百零三节,JavaScript对象和数组
JavaScript对象和数组 学习要点: 1.Object类型 2.Array类型 3.对象中的方法 什么是对象,其实就是一种类型,即引用类型.而对象的值就是引用类型的实例.在ECMAScript中 ...
- 【跟着大佬学JavaScript】之数组去重(结果对比)
前言 数组去重在面试和工作中都是比较容易见到的问题. 这篇文章主要是来测试多个方法,对下面这个数组的去重结果进行分析讨论.如果有不对的地方,还请大家指出. const arr = [ 1, 1, &q ...
- JavaScript 对象与数组参考大全
http://www.cnblogs.com/meil/archive/2006/06/28/437527.html本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作 ...
- JavaScript对象和数组
1.JavaScript中有两个非常重要的数据类型是对象和数组. 通过"."或者"[]"来访问对象属性 举例:var book = { topic:" ...
- 简述JavaScript对象、数组对象与类数组对象
问题引出 在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使 ...
- javascript 对象和数组(花括号、方括号)
1. javascript对象定义 var a = {var a = "test", var b = "test"} 2. javascript数组定义 var ...
- 重学JavaScript - 映射与集合
作者:狐狸家的鱼 GitHub:surRimn 整理自MDN文档 带键的集合 映射 Map对象 一个Map对象在迭代时会根据对象中元素的插入顺序来进行 — 一个 for...of 循环在每次迭代后会返 ...
- 复习 Array,重学 JavaScript
1 数组与对象 在 JavaScript 中,一个对象的键只能有两种类型:string 和 symbol.下文只考虑键为字符串的情况. 1.1 创建对象 在创建对象时,若对象的键为数字,或者由 字母+ ...
- JavaScript对象与数组
一.Object 类型到目前为止,我们使用的引用类型最多的可能就是 Object 类型了.虽然 Object 的实例不具备多少功能,但对于在应用程序中的存储和传输数据而言,它确实是非常理想的选择.创建 ...
随机推荐
- Python+Django+SAE系列教程13-----MySQL记录的添\删\改
建立了数据库后,我们就来做一个简单的表(person_classroom)的加入.删除.改动的操作. 首先我们建立一个加入的页面的模板Classroom_Add.html(加入的表单)并把它放在Bid ...
- (剑指Offer)面试题6:重建二叉树
题目: 输入某二叉树的前序遍历和中序遍历的结果,请重建出该二叉树. 假设输入的前序遍历和中序遍历结果中都不含重复的数字. 例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7, ...
- Android Activity的生命周期的几个方法介绍
onCreate():创建Activity调用,用于Activity的初始化,还有个Bundle类型的参数,可以访问以前存储的状态. onStart():Activity在屏幕上对用户可见时调用 on ...
- KineticJS教程(3)
KineticJS教程(3) 作者: ysm 3.图形对象 3.1.Shape Kinetic提供了一个Shape对象用于在层上绘制图形,我们可以通过Kinetic.Shape()构造方法返回一个S ...
- Java生成各种条形码
import java.awt.image.BufferedImage; import java.io.FileOutputStream; import org.jbarcode.JBarcode; ...
- Map 和 WeakMap 数据结构
Map 和 WeakMap 是ES6 新增的数据结构 一.Map 它们本质与对象一样,都是键值对的集合,但是他们与 Object 对象主要的不同是,键可以是各种类型的数值,而Object 对象的键 只 ...
- js正则表达式test方法、exec方法与字符串search方法区别
1.正则表达式test方法 test() 方法用于检测一个字符串是否匹配某个模式 返回值: 如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 fal ...
- alitomcat maven以及Autoconfig
maven概述 Maven的核心是POM(Project Object Model),即项目对象模型.最直观的,maven对项目依赖进行统一的管理,让开发者从纷杂错乱的jar包世界摆脱出来,更加专注于 ...
- js经常使用功能代码
js经常使用功能代码(持续更新): 1---折叠与展开 <input id="btnDisplay" type="button" class=" ...
- MySQL中的锁、隔离等级和读场景
一.导言 关于MySQL中的锁还有隔离等级这类话题,其概念性的解释早已泛滥.记住其概念,算不上什么.更重要的是思考:他们的区别和联系在哪儿,为什么会有这样的概念. 1)MySQL的锁(Lock)分为行 ...