`
victorwmh
  • 浏览: 212870 次
  • 性别: Icon_minigender_1
  • 来自: 宇宙
社区版块
存档分类
最新评论

javascript对象和数组/大括号和中括号

 
阅读更多

么是对象?把一些"名字-属性"的组合放在一个单元里面,就组成了一个对象。我们可以理解为javascript中的对象就是一些"键-值"对的集合(An object is a collection of named values. These named values are usually referred to as properties of the object.--《javascript-the definitive guide,5th edition》Section3.5)。
属性名只能是string类型,不能是其他类型,而属性的类型则是任意的(数字/字符串/其他对象...)。可以用new Object()来创建一个空对象,也可以简单的用"{}"来创建一个空对象,这两者的作用是等同的。

一、{ }大括号,定义一个对象。

定义一个对象:
var user = {"name":"zhangs", "age":28};
也可以写成:
var name =  "zhangs", user = {name:name, age:28};

以上两种方式声明的user对象,最终效果是一样的。属性名加不加字符串引号,解析器最终也将其当成字符串,而不会解析成变量的值作为属性名。
访问一个对象的属性,可以用"."来访问:user.name、user.age,也可以用"[]"访问:user["name"]、user["age"],在"[]"里的属性名要加引号,因为对象中的索引都是字符串类型。javasript对象中属性个数是可变的,创建一个对象后可随时对它赋予任何属性。

通过"."操作符获取对象的属性,必须得知道属性的名字。而"[]"操作符获取对象属性的功能更强大一些,可以在"[]"中放入一些表达式来获取属性值,比如在循环控制语句中,而"."操作符则没有这种灵活性。

 

delete操作符可以删除对象中的某个属性,遍历属性可以使用"in"操作符。

var user = {name:"zhangs", age:10, 'intro':"He is the world's best players."}, userinfo = '';
for (var p in user) {
    userinfo += p + ':' + user[p] + '  '; 
}
alert(userinfo);
		
delete user.name;
userinfo = '';
for (var p in user) {
    userinfo += p + ':' + user[p] + '  '; 
}
alert(userinfo);

 


二、[ ]中括号,定义一个数组,也可以理解为数组对象。

定义一个数组:
var users = ["zhangs", "lis", "wange"];
也可以写成:
var users = Array("zhangs", "lis", "wange");

数组用"[]"访问,如: users[0]、users[1]。

定义索引为字符串的数组:
var users = [];
users["name"] = "zhangs";
users["age"] = 20;
users["intro"] = "He is the world's best players.";


三、对象和数组常用混合用法。

var config = {
    switcher: true,
    mapbox: {mousewheel:true, split:8},
    raw: [2600, 1082],
    callback: function() {
    config.counter ++;
    },
    counter: 0
};

config.callback();
alert(config.counter);

上述代码显示将显示数字1。

 

 

分享到:
评论

相关推荐

    js 中{},[]中括号,大括号使用详解

    在JavaScript中,大括号{}和中括号[]是非常基础且重要的符号,它们分别用于定义对象和数组。下面将详细讲解这两种符号的使用方法以及它们在实际开发中的应用。 首先,我们来看大括号{},它在JavaScript中有两个主要...

    详解JavaScript对象和数组

    字面量表示法则更为简洁,直接在大括号{}内定义对象的属性和方法,无需通过new Object()。此外,还可以将对象作为参数传递给函数,使得函数可以接收任意数量的参数,增加了代码的灵活性。 JavaScript中的数组是一种...

    对象和数组

    JavaScript中的对象和数组是两种关键的数据结构,它们与基本数据类型如字符串和数字有显著区别。对象是一个命名值的集合,这些值可以是各种类型的,包括原始类型和复杂类型。对象内部的值通过属性名来访问,这些属性...

    JS对象与数组参考大全

    在JavaScript(JS)编程语言中,对象和数组是两种核心的数据结构,它们在构建复杂的程序逻辑和数据存储中起着至关重要的作用。本参考大全将深入探讨这两种数据类型及其常用方法,帮助开发者更好地理解和运用。 ### ...

    JavaScript视频教程-5.数组和对象(1)

    本教程将深入讲解JavaScript中的数组和对象,这是编写高效、可维护代码的基础。 数组在JavaScript中是有序的数据集合,可以存储任意类型的值,包括数字、字符串、对象甚至函数。数组的索引是从0开始的,这意味着一...

    JavaScript对象经典小册 chm

    本小册"JavaScript对象经典小册 chm"深入探讨了JavaScript中的核心概念——对象和数组,旨在帮助开发者更好地理解和掌握这些基础知识。 一、JavaScript对象 1. 对象概述:JavaScript对象是一种数据结构,它由键值对...

    Javascript入门学习第四篇 js对象和数组第1/2页

    在探讨Javascript对象和数组之前,我们先复习一下上一篇文章中所介绍的知识点。上篇文章主要涵盖了变量、表达式、运算符以及一些基本的js语句。这些是学习任何编程语言的基础,理解了这些概念后,我们才能更好地掌握...

    JavaScript对象与数组参考大全

    JavaScript对象和数组是其数据结构的基础,理解它们的特性和用法对于编写高效、可维护的代码至关重要。以下是对JavaScript对象与数组的详细解析。 ### JavaScript对象 #### 1. 对象的定义 JavaScript对象是由键值对...

    javascript对象大全

    "JS对象与数组参考大全.txt"可能是一份文本格式的文档,专注于对象和数组的比较和使用,包括两者的异同、转换方法以及在实际编程中的应用技巧。 通过学习这个压缩包中的文档,开发者不仅能深入理解JavaScript对象的...

    javascript对象

    JavaScript对象是JS编程中的核心概念,它是一种数据结构,用于存储和组织数据。在JavaScript中,一切都是对象,包括基本类型如字符串、数字和布尔值,它们都有对应的包装对象。理解JavaScript对象模型对于深入学习和...

    JavaScript工作原理及对象详解.docx

    另一种是使用对象字面量表示法,直接在大括号中定义属性,如`var person = {name: "briup", age: 22}`。这两种方式被称为构造函数模式和字面量模式。在字面量模式下,属性名和值之间使用冒号分隔,不同属性之间使用...

    JavaScript语法和对象速查手册-源代码

    JavaScript的基础语法包括变量声明(var、let、const)、数据类型(原始类型如字符串、数字、布尔值,以及引用类型如对象和数组)、操作符(算术、比较、逻辑等)、流程控制(条件语句如if...else,循环语句如for、...

    JavaScript标准参考教程

    JavaScript支持多种数据类型,包括原始类型如字符串、布尔值等,以及通过对象和数组构成的合成类型。数据类型的表示、NaN、Infinity以及类型转换(包括强制转换和自动转换)都是这一部分的重要知识点。 数值章节...

    [推荐]javascript 面向对象技术基础教程

    首先,让我们来看看对象和数组。在JavaScript中,对象是键值对的集合,这些键通常是字符串,对应的值可以是任意类型,包括数字、字符串甚至是其他对象。你可以使用`new Object()`或者简洁的花括号`{}`来创建一个空...

    javascript面向对象编程教程.rar PDF

    - 对象和属性:JavaScript中的对象是一组键值对,可以通过点表示法或括号表示法访问属性。 - 对象创建:了解通过字面量语法和构造函数创建对象的方法。 - this关键字:理解this的上下文绑定,尤其是在方法和构造...

    JavaScript基础语法大全和案例用法

    对象是键值对的集合,可以使用大括号 `{}` 创建,而数组是元素的集合,可以使用中括号 `[]` 创建。 类型转换是 JavaScript 编程中的重要概念,包括显式转换和隐式转换。显式转换使用 `Number()`、`String()`、`...

    JavaScript中对JSON对象的基本操作示例_.docx

    由于其与JavaScript内置的对象和数组非常相似,因此在JavaScript中处理JSON数据变得非常直观和高效。本文将详细介绍几种常见的JSON对象操作方法,包括属性的设置和获取、变量作为属性的使用以及不同方式创建JSON对象...

    JavaScript 参考手册集合 chm版打包

    JavaScript的核心概念包括变量、数据类型、运算符、流程控制(条件语句和循环)、函数、对象和数组。以下是对这些基础知识的详细阐述: 1. **变量**:JavaScript中,变量用于存储数据。使用`var`、`let`或`const`...

    浅谈json取值(对象和数组)

    最后,这篇文章通过实例演示了在JavaScript中,利用jQuery处理JSON数据时,对于对象和数组两种不同数据结构的取值方法。这种处理方式不仅在Web开发中非常实用,而且对理解JSON数据结构及其在Web应用中的应用有着重要...

Global site tag (gtag.js) - Google Analytics