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 标签,引入 ...
随机推荐
- JS判断浏览器是否支持某一个CSS3属性
1.引子 css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候.比如transition的ani ...
- (转载)C++创建对象的两种方法
(转载)http://blog.sina.com.cn/s/blog_586b6c050100dhjg.html 在C++里,有两种方法创建对象: 方法一: ClassName object(para ...
- DevExpress中,添加Winform窗体到DockPanel z
DevExpress中,添加Winform窗体到DockPanel // 在使用DevExpress过程中,原先已经创建好的导航窗体,如何添加到DockPanel中进行展示? FormX frmX = ...
- 员工部门表综合查询SQL
--数据库的表设计如下: --部门:部门编号,部门名称,地址: --员工:员工编号,员工名字,职务,管理编号,入职日期,薪资,奖金,部门编号: --创建部门表: CREATE TABLE dept( ...
- JavaScript---网络编程(2)-函数与数组
上节,学完循环了~ 现在学Javascript的函数和数组. JavaScript语法 每一种语言都有自己的语法规则,JS语法与Java很像,所以学习起来比较容易.JS中也一样有变量,语句,函数,数组 ...
- [comparator] 策略模式
我们知道策略模式,首先是各种策略可以替换,其实我们常见的Arrays.sort();中可以指定比较器,实现comparator接口的比较器,作为对象传入,这不就是策略模式吗,好理解吧
- JavaScript高级程序设计33.pdf
操作样式表 CSSStyleSheet类型表示的是样式表包括通过<link>元素包含的样式表和在<style>元素中定义的样式表,前面提到过这两个元素本身分别是由HTMLLin ...
- Bzoj 1674: [Usaco2005]Part Acquisition dijkstra,堆
1674: [Usaco2005]Part Acquisition Time Limit: 5 Sec Memory Limit: 64 MBSubmit: 337 Solved: 162[Sub ...
- 使用二维NDRange workgroup
作为初学者一直,经过多次的上网搜索你一定会看到迈克老狼的向量加法的示例,不知道你是否和我一样,刚开始并不是很准确的知道他的add.cl写的代码的意思,源码如下: #pragma OPENCL EXTE ...
- JAVA--线程wait()、lnotify()和notifyAll()方法
join()方法是Thread类的一个方法,而wait().notify().notifyAll()是java.lang.Object类的方法,这意味着,任何一个Java对象(包括线程对象)都有wai ...