js基础知识之_对象-白红宇

js基础知识之_对象

阅读量：5259 次

发布时间：2019-06-14

本文共 3634 字，大约阅读时间需要 12 分钟。

javascript 对象

1.基于对象

　　一切皆对象，以对象的概念来编程

2.面向对象的编程（oop，Object oriented programming）

　　1.对象

　　就是人们要研究的任何事物，不仅能表示具体事物。对象的规则，计划或事件

　　属性的无序集合，每个属性可以存一个值（原始值，）

　　2，对象的属性和行为

　　属性：用数据值来描述他的状态

　　方法：用来改变对象行为的方法

　　3类

　　具有相同或相似的性质的对象的抽象就是类，对象的类的具体化（实例化）就叫做对象

　　var diannao=‘’；//声明的是字符串

　　var diannao=[]；//声明的是数组

　　var diannao={};//声明的是对象

//javascript对象创建，

　　在对象里面属性（变量），方法（函数）之间都是要逗号隔开，不能用分号

var mac = { pingpai: '苹果笔记本', price: '10000元', color: '白色', qq:function () { alert( '能聊天' ) }, game:function () { alert('能玩游戏')} };

//直接调用属性

alert( mac.pingpai );

//函数不能直接alert.

mac.qq();

//javascript对象创建，            //对象就是一堆变量和函数的集合体            //原生形式创建对象，json数据格式            var mac = {                pinpai: '苹果笔记本',                price: '10000元',                color: '白色',                qq: function () {                    alert( '能聊天' )                },                game: function () {                    alert( '能玩游戏' )                }            };            //直接调用属性            alert( mac.pinpai );            //还可以有以下的方式            alert( mac['pinpai'] );            //调用函数不能直接alert.            mac.qq();            mac['qq']();                       //添加属性方法            mac.size = '16英寸';            mac.work = function () {                alert('办公');            };            //删除属性（变量）和方法（函数）            delete mac.color;            alert('苹果笔记本颜色'+mac.color);

创建声明对象

　　对象可以随时删除和添加变量和函数

　　1，json方法（javascript object notation）原生格式

　　　　var obj={}；

　　　　json是一种数据格式

　　　　其实json类型的数据可以传回一个整体的数据，是属性名：值类型，如果想要获取数据的话，就直接obj点的形式读取

　　　　例子：网站请求---》数据库端查询----》查询出所有结果返回一个json格式----》用obj接收之后----》再选取适合的数据

　　　　　　var obj={name:'准求的完美'，age:{18},sex:'爷们'}

　　　　　　alert(obj.name);

　　2，构造函数的方法：

　　　　function fun1(){

　　　　　　this.name='名字'；

　　　　}

　　3，Object方法

　　　　var obj=new Object();

添加属性和方法

　　如果属性的值是函数，我们叫做他是对象的方法属性

　　构造方法

　　　　1，声明的时候添加

　　　　2，声明以后再添加

　　json方法

　　　　1.声明的时候添加

　　　　　　var obj={属性名：属性值，属性名2：属性值2，属性名3：属性值3，.......};

　　　　2.声明以后再添加

对象属性的遍历

　　for（var i in Object）{

　　　　Object[i]

　　}

//遍历对象            //x就像是爬虫一样，遍历mac的所有变量和函数            for ( x in mac ) {                document.write( x + '=>' + mac[x] + '
' );            }

javascript数组对象

方法

直接对数组进行操作

1删除或添加类

　　1,，数组对象.push(数组元素.....)

　　　　向数组的末尾添加新的元素，返回值是新数组的长度，可以一次添加多个元素

　　2，数组对象.unshift（数组元素....）

　　　　向数组的开头加入新的元素，返回值是新数组的长度，可以一次添加多个元素

　　3，数组对象.pop()

　　　　删除数组的最后一个元素，返回删除的元素

　　4，数组对象.shift()

　　　　删除数组的第一个元素，返回删除的元素

　　5，万能的添加删除函数（用于插入，删除或者替换数组的元素。）

　　　数组元素.splice(起始位置，数量，添加的元素.....)

　　　　（1）起始位置从何处开始添加或删除，必须是数值类型（数组的下标）

　　　　（2）数量规定了删除的个数，如果是0，则不删除

　　　　（3）需要添加的元素，可以当做替换的元素

　　　　（4）如果从数组中删除了元素，则返回的是含有被删除的元素

不直接改变数组，产生新的结果

数组的转换

　　数组.join(['分隔符'])

　　把数组元素按照指定分隔符组成一个字符串，如果没有指定分隔符。默认是用“,”返回结果就是组合成的字符串

var shuiguo = new Array( '苹果', '香蕉', '鸭梨', '火龙果', '西瓜', '葡萄', '蛇皮果' );            //将数组转换成字符串            var re = shuiguo.join( '&' );            document.write(re);

数组分隔

　　数组。slice（）包含开始，不包含结束

　　从截取指定的开始位置，到结束位置（不包括）如果不指定结束位置，一直截取到最后，则从指定的开始位置的（数组的下标）

支持负数（-1开头）

返回新的数组

//数组截取            var shuiguo = new Array( '苹果', '香蕉', '鸭梨', '火龙果', '西瓜', '葡萄', '蛇皮果' );            //从什么位置开始截取            var re = shuiguo.slice( 0, 3 );            document.write(re);

属性

1.length

　　设置或返回数组元素的数目

Math对象（数学对象）

　　取绝对值

　　　　Math.abs(-6);

　　四舍五入

　　　　Math.round(2.5）；

　　向上取整

　　　　var re=Math.ceil(2.35)；

　　向下取整

　　　　var re=Math.floor(2.956);