2018-04-17js对象详解

1. 对象详解 2. 字符串详解3. 数组详解

1.对象的创建:

(1)使用构造函数创建内置对象:eg:var myObject=new Object();

(2)直接创建自定义对象 eg:var 对象名={属性名1:属性值,属性名2:属性值}

1. 字面量对象:{}字面量对象,不放任何属性和方法,则称为空对象

注:对象包含属性和方法(对象中方法对应的类型是一个函数). 属性名称中如果包含-,空格等非法字符时,需要使用双引号或单引号包裹。访问时请使用[]

如何给创建好的对象添加一个新的属性或方法?

// 1. 回到对象创建的位置补充。 // 2. 直接扩展(今天讲的是简单的扩展,以后会使用继承去扩展)

2. 构造函数:(定义的是一类对象)中的f方法不建议放在定义对象的里面(会占用内存的存储空间),应该把对象发到原型链上.

原型链:对象可以找到父对象,父对象也可以向上找,一直找到object对象,就会形成一条链(prototype).注:使用前要实例比,产生一个个体,再使用个体

对象的访问:person.name ;  person["name"]

3.1布尔对象:

如果参数为0、null.NaN.false.空字符串或undefined,都将转为  false;除了以上的情况之外,全部转为true,包括字符串“false";

3.2日期对象:new Date(年,月,日,时,分,秒)

getDate0  //返回日期对象中的一个月中的第几天getDay0  //返回星期中的某一天,0~6

getHours()  //返回日期对象中的小时部分

getMinutes()  //返回日期对象中的分钟部分

getSeconds()  //返回日期对象中的秒钟部分

getMilliseconds() //返回E3期对象中的毫利部分

getTime( ) //返回日期对象中的时间戳的毫秒数

getTimezoneOffset() //返回日期对象中的时区的时差数。单位是分.

3.3数学对象:

Math.abs () :  //绝对值

Math.ceil():  //进一取整

Math.floor():  /退一取整

Math.max(num1./num...):  //取最大值

Math.min():  //取最 小值

Math.pow(x,y):  //返回x的y次幂

Math.random():  //0.0~ 1.0之间的随机数,包括0不包括1

Math.round():  //四舍五入

Math.sqrt():  //平方根

3.4字符串对象:eg: var str=new String("abc")

indexOf("abc") //返回子字符串abc在字符串中第一次出现的位置;                                        lastIndexOf("abc") //返回子字符串abc在字符串中最后一次出现位置;                                                   match(regexp) //找到一个或多个正则表达式的匹配;                                                                             replace(表达式,替换的字符串) //替换一个与正则表达式相匹配的子串 ;                                             search(regexp) //查找与正则表达式相匹配的子字符串;                                                                      split(正则表达式,数组最大长度) //用于把一个字符串分割成字符串的数组;                                  slice(startindex,endindex)  //1返回一个子字符串;                                                                              substr(startindex,length  //返回一个子字符串;                                                                              substring(startindex,endn1返回一个子字符串;                                                                                      toLowerCase( ) //将字符串转换为小写;                                                                                                toUpperCase( )  //将字符串转换为大写;                                                                                                 charAt(0);  /返回指定索引|字符字符串对象拥有的属性;                                                             le ngth  /字符串的长度

2.对象的属性创建:

1. {name:"dsh"}

2. person.name = "dsh"

3. person["name"] = "dsh";

4. Object.defineProperty(person, "name",{

    configurable:true | false,

    enumerable:true | false,

    value:任意类型的值,

    writable:true | false

});

3.对象的方法创建:

1. {sayHello:function(){}}

2. person.sayHello = function(){}

3. Person.prototype.sleep =  function(){}

4.删除属性:

delete p.name;

5.对象常用方法:

Object.create()//方法使用,可以用来创建对象

Object.defineProperty()//定义属性

Object.defineProperties(obj, props)// 一次扩展多个属性

Object.assign(target,...sources)用来扩展对象,第一个参数是待扩展的对象,第一个以后参数是扩展的源对象

Object.isFrozen()// 判断一个对象是否冻结, 冻结后不能删除

Object.isSealed() // 判断对象是否密封,不能再给对象扩展属性和方法。

Object.isExtensible()// 是否可扩展, // 返回给定对象自身可枚举属性的[key, value]数组。// 特别注意:低版本的Chrome等浏览器无法解析entries()

Object.entries(obj)

Object.keys(obj)

p.hasOwnProperty()//判断一个属性是否是对象的自有属性

p.toString()

对象和JSON格式的字符串互转:

JSON.stringify(obj) // 把对象转换成JSON格式的字符串。

JSON.parse(str) // 把JSON格式的字符串转换成JSON对象

了解一下基本的概念:

常用数据交换格式:xml, JSON

xml:英文全称:eXtensible Markup Language,是可扩展的标记语言,和HTML语言一样,也有语法规则,它常被当成数据交换格式用于webservice服务中。

JSON:英文全称:JavaScript Simple Object Notation,是一种简单的、轻量的数据交换格式。它比xml这种数据交换格式更简单,更轻量。

webservice:也称web服务,是接口的提供者,它提供了接口供其他项目访问,以达到项目架构分离的目的。

可以简单理解它是生产接口的地方。我们前端在和服务器端人员配合开发时,服务器端人员会

先开发好接口(接口可以使用webservice这种技术开发,也可以直接返回JSON格式),然后暴露接口给我们,我们得到一个接口的地址

以及接口的参数文档,然后通过AJAX技术(后面会讲)从接口中访问数据,显示到HTML文档上。

你可能感兴趣的:(2018-04-17js对象详解)