Javascript基础学习(3)_对象和数组
一、对象是一种无序的属性集合,每个属性都有自己的名字和值。
1.创建对象
花括号内逗号分隔
var person = {
"Name" : "LiCheng",
"Age" : 25
}
2.对象属性
①用对象名.属性名的方式来访问
②属性的枚举,利用for/in循环可以遍历一个对象的所有属性
③检查属性的存在性,利用in运算符可以查看一个属性是否属性一个对象
④删除属性,利用delete运算符可以删除属性,例如 delete person.Name
⑤作为关联数组的对象
属性的另一种访问方式,通过 对象名["属性名"] 这样的方式来访问
3.共通的Object属性和方法。
①constructor属性
它引用了初始化这个对象的构造函数。
例如:
var d = new Date();
d.constructor == Date; //True
通过它可以对一个对象的类型进行判断。
②toString()方法
③toLocaleString()方法
④hasOwnProperty()方法:如果对象的属性不是继承的属性,那么就会返回true
⑤propertyIsEnumerable()方法:对象的属性不是继承的属性,在for/in循环当中可以进行枚举,就返回true
⑥isPrototypeOf()方法:如果isPrototypeOf()方法所属的对象是参数的原型对象,那么,该方法就返回true。否则就返回false。
var o = {};
Object.prototype.isPrototypeOf(o); //true 因为o.constructor == Object
二、数组
数组的方法:
①join()方法
把一个数组的所有元素转换成字符串,然后再把它们连接起来。
②reverse()
将数组元素进行颠倒然后返回
③sort()
在原数组上进行排序,返回排序后的数组
④concat()方法
创建一个数组,包含调用这个方法的数组的所有元素,如果这个函数的参数中有数组,会被展开,但是不会被递归的展开。
例如:
var a = [1,2,3];
a.concat([4,5]);//结果是[1,2,3,4,5]
⑤slice()方法
返回数组的一个片段,子数组,两个参数可以指定开始位置和结束位置,参数可以使负数,负数表示从尾部开始计算的位置。
⑥splice()方法
用途是插入或者删除数组的元素,和delete运算不一样的地方,在于delete只会吧删除的数组元素的位置设置为undefined,并不会进行删除后的节点移动。
Splice()方法会进行数组元素删除后节点的必要移动。Splice()返回的是删除了元素的数组,如果没删除任何元素,将返回一个空数组。和concat()方法不同的是,splice()方法并不会把数组元素进行展开
例如:
var a = [1,2,3];
a.splice(3,1,[4,5]);//结果是[1,2,3,[4,5]]
⑦push()和pop()方法
像栈结构一样进行数组元素的压入和排出
⑧unshift()和shift()方法
与push()和pop()方法类似,但是不同的是它们是在数组的头部进行操作,而且可以一次插入很多个元素,元素的插入是一次性插入的。也就是说插入的各元素相对位置没有变化
Javascript基础学习(3)_对象和数组的更多相关文章
- Javascript基础学习(2)_表达式和运算符
1.==和===的区别(!=和!==是相反的比较) 它们采用了同一性的两个不同定义.==是相等性,===是等同性. ①“===”进行两个值的比较 两个值的类型不同,就不相等 两个值是数字,并且值相同, ...
- Javascript基础学习(1)_类型、值和变量
1.null和undefined ①概念上区别: null是一个特殊的对象,是“非对象”,使用typeof后是object对象 undefined用未定义的值表示更深层次的“空值”,它是变量的一种取值 ...
- JavaScript 基础学习1-day14
JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...
- 48.javascript基础学习
javascript基础学习: http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...
- JavaScript 基础 学习 (一)
JavaScript 基础 学习 获取页面中的元素的方法 作用:通过各种方式获取页面中的元素 比如:id,类名,标签名,选择器 的方式来获取元素 伪数组: 长的和数组差不多,也是按照索引排 ...
- JavaScript 基础 学习 (四)
JavaScript 基础 学习 (四) 解绑事件 dom级 事件解绑 元素.on事件类型 = null 因为赋值的关系,所以给事件赋值为 null 的时候 事件触发的时候,就没有事件处理 ...
- JavaScript 基础 学习(三)
JavaScript 基础 学习(三) 事件三要素 1.事件源: 绑定在谁身上的事件(和谁约定好) 2.事件类型: 绑定一个什么事件 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ...
- JavaScript 基础 学习 (二)
JavaScript 基础 学习 节点属性 每一个节点都有自己的特点 这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) 语法:节点.nodeT ...
- JavaScript 基础学习(二)js 和 html 的结合方式
第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入 ...
随机推荐
- cocos2d-x 使用UIWebView加载网页(顺便可以看到如何用OC调C++)
猴子原创,欢迎转载.转载请注明: 转载自Cocos2D开发网–Cocos2Dev.com,谢谢! 原文地址: http://www.cocos2dev.com/?p=248 前段时间项目中要微博授权登 ...
- ADO.NET 代码示例
转自:http://msdn.microsoft.com/zh-cn/library/dw70f090 本主题中的代码列表演示如何使用下面的 ADO.NET 技术从数据库中检索数据: ADO.NET ...
- PowerDesigner使用总结 转
PowerDesigner使用总结 (友情提示:本博文章欢迎转载,但请注明出处:陈新汉,http://www.blogjava.net/hankchen)一.使用PowerDesigner生成HTML ...
- NIO的学习
参考 http://wenku.baidu.com/link?url=rq-BEp3Et4JRrE62f2Lv9hq8nT_Gq0XPb65h8OBqTAt-ILfqKmdjIhVEp8bctIdm0 ...
- HTML5与CSS3权威指南.pdf8
第17章 与背景和边框相关的样式 与背景相关的新增属性 background-clip指定背景的显示范围 background-origin指定绘制背景图像时的起点 background-size指定 ...
- 18. 4Sum
#include <string>#include <stack>#include <vector>#include <map>#include < ...
- Shell while循环
while循环用于不断执行一系列命令,也用于从输入文件中读取数据:命令通常为测试条件.其格式为: while command do Statement(s) to be executed if com ...
- ios 游戏《魂斗罗》 AL文件素材破解
1.破解原理非常简单就是找png的8字节的前缀(baidu png 文件编码格式). 2.破解就图就可以看见了 3.这样一个个个的改是不是非常麻烦,所有我专门写了个py脚本在干这事!一步搞定! 源码如 ...
- hdu 4758 Walk Through Squares
AC自动机+DP.想了很久都没想出来...据说是一道很模板的自动机dp...原来自动机还可以这么跑啊...我们先用两个字符串建自动机,然后就是建一个满足能够从左上角到右下角的新串,这样我们直接从自动机 ...
- jQuery之前端国际化jQuery.i18n.properties
jQuery.i18n.properties是一款轻量级的jQuery国际化插件,能实现Web前端的国际化. 国际化英文单词为:Internationalization,又称i18n,"i& ...