JavaScript的对象(1)

一、JavaScript的对象

1、对象：是指一种数据类型，是属性和方法的集合

1.1、属性：是对象的静态特征

访问方式：对象名.方法名([])

1.2 、方法（函数）：是对象的动态特征（行为）。

访问方式：对象名.方法名（[参数]）

2、面向对象编程：面向对象是一种工程的思想

3、 对象的定义：通过字面量"{}"进行定义,"{}"中包裹的是对象的成员(属性和方法)，每个成员都是以"key:value"(键-值对)方式存放,成员和成员之间用","分隔。

使用方法：

     var obj = {
		     name: '张三',
			 sex: '男',
			 age: 24,
			 call:function(name){},
			 sendMessage:function(name){}
		 }

二、JavaScript的内置对象：

1、Math对象：进行数学相关的运算，不需要实例化（即不用new运算符创建Math对象）。可以用Math直接访问其静态教学和静态方法。

1.1、Math常用属性：

A、Math.PI:表示圆周率

方法示例：

function getArray(re){
    return Math.PI*Math.pow(re,2)
}

var arr = getArray(10)//定义圆的半径
console.log('圆的面积为：',arr) 

B、Math.E：表示自然对数的底数

方法示例：

function getSum(e){
    return Math.E
}
var num = getSum(3)
console.log(num)

1.2、Math下的静态方法：

A、Math.abs(x):返回的是x的绝对值

方法示例：

function getAbs(a){
    return Math.abs(-5)
}
console.log(getAbs())

B、Math.floor(x)：返回小于或等于一个给定数字的最大整数

方法示例：

/* console.log('小于等于4.3的最小整数',Math.floor(4.3))*/
console.log(Math.floor(4.3))

C、Math.ceil(x)：函数返回大于或等于一个给定数字的最小整数。

方法示例：

/* console.log('大于等于4.3的最小整数',Math.ceil(4.3))*/
console.log(Math.ceil(4.3))

D、Math.max()：函数返回一组数中的最大值

方法示例：

var arr = [1,3,2,22,33]

var max = Math.max(...arr)//...指，依次遍历数组中的每一个元素

E、Math.min(),返回一组数中的最小值，min的用法和max一样在这就不过多举例了。

F、Math.random(),函数返回一个浮点数, 伪随机数在范围从0到小于1，也就是说，从0（包括0）往上，但是不包括1（排除1），然后您可以缩放到所需的范围。

方法示例：

var arr = new Array(10)
for(i=0;i<arr.length;i++){
    arr[i]=Math.floor(Math.random()*50)
}
console.log(arr)

Math.pow(x,y)：返回x的y次方，此对象的使用方法在圆周率那个例子中已经使用，这里也不过多阐述了。

Math.round(x)：函数返回一个数字四舍五入后最接近的整数。

方法示例：

var arr = new Array(10)
for(i=0;i<arr.length;i++){
    arr[i]=Math.round(Math.random()*50)
}
console.log(arr)

Math.sqrt(x)：函数返回一个数的平方根

方法示例：

console.log(Math.sqrt(4))

Math.sign()：函数返回一个数字的符号, 指示数字是正数，负数还是零。

方法示例：

console.log(Math.sign(-5))// -1：表示负数；1：表示正数；0：表示0						  

1.3、练习：

定义一个3*4的二维数组,数组元素随机生成,找出二维数组中每行元素的最大值

代码如下：

var info  =new Array(
    new Array(5),
    new Array(5),
    new Array(5)
)
var str =''
for(i=0;i<info.length;i++){
    for(j=0;j<info[i].length;j++){
        info[i][j]=Math.floor(Math.random()*50)
        str+=info[i][j]+'\t'
    }
    str += '\n'
}
console.log(str)

for(let i= 0;i<info.length;i++){
     var max = Math.max(...info[i])
     console.log('第'+(i+1)+'最大值为'+max)
}

效果如下：

2、Date对象：日期对象。需要通过new.Date（）创建实例化对象才可以使用

2.1、如何创建date对象

A、new.date():创建一个代表当前日期时间的对象

方法示例：

var d1 = new Date()
console.log(d1)

B、new date(年，月，日，时，分，秒):月份值在1-11之间

方法示例：

var d1 = new Date()
console.log(d1)

C、new date(毫秒数)：根据毫秒数确定时间

方法示例：

var d2 = new Date(1753091200000)
console.log(d2)

D、new date(字符串)：通过给定的字符串创建日期对象。

方法示例：

 let sum = '2012.05.22'
 let d4 = new Date(sum)

 console.log(d4)

2.2、Date对象的get方法：

A、getFullYear()：获取日期对象的4位年份

B、 getMonth()：获取日期对象的月份(值在0~11之间)

C、getDate()：返回一个指定的日期对象为一个月中的哪一日(1~31)

D、getDay()：返回一个指定的日期对象是一周的第几天，0表示星期天

E、getHours()：返回日期对象的小时数

F、getMinutes()：返回日期的对象的分钟数

E、getSeconds()：返回日期对象的秒钟数

H、getTime()：返回1970年1月1日0时0分0秒到指定日期对象之间的毫秒数

Date日期对象的get方式示例：

var d1 = new Date ()
console.log('年:'+d1.getFullYear())
console.log('月：'+(d1.getMonth()+1))
console.log('天：'+d1.getDate())
console.log('星期：'+d1.getDay())
console.log('小时：'+d1.getHours())
console.log('分钟：'+d1.getMinutes())
console.log('秒'+d1.getSeconds())
console.log('毫秒'+d1.getTime())

3、Array对象：数组对象

3.1、常用属性：length 表示数组长度

3.2常用方法：

A、数组类型检测方式：

a、instanceof运算符： 变量名 instanceof Array

b、isArray()：Array.isArray(变量名)

B、给数组添加元素：

a、push()：将一个或多个元素添加到数组的末尾，并返回该数组的新长度

b、unshift()：将一个或多个元素添加到数组的开头，并返回该数组的新长度(该方法修改原有数组)

方法示例：

//push():将一个或多个元素添加到数组的末尾
var arr1 = [2,3,4,5]
var pt = 6
arr1.push(pt)
console.log(arr1)

//unshift()：将一个或多个元素添加到数组的开头，
var num = [2,3,4,5]
num.unshift(0,1)
console.log(num)

C、删除数组元素

a、pop()：从数组中删除最后一个元素，并返回被删除元素的值

b、shift()：从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。

方法示例：

//删除数组中最后一个元素
var arr1 = [2,3,4,5]
arr1.pop()
console.log(arr1)

//删除数组中第一个元素
var num = [2,3,4,5]
num.shift()
console.log(num)

D、数组排序
a、sort()：将待排元素转换成字符串,然后根据字符的UTF-16编码进行排序

b、reverse()：将数组中元素的位置颠倒

方法示例：

var array1 = [11,22,33,44,55]
console.log('原数组：'+array1)
array1.sort()
console.log('将待排元素转换成字符串:'+array1)
array1.reverse()
console.log('颠倒位置的数组：'+array1)

E、数组的索引

a、indexOf()：返回在数组中可以找到一个给定元素的第一个索引，如果不存在,则返回-1，存在则返回0。

b、lastIndexOf()：返回指定元素在数组中的最后一个的索引,如果不存在则返回 -1，存在则返回0。从数组的后面向前查找

方法示例：

var array1 = [11,22,33,44,55]
var k = array1.indexOf(4)
console.log(k)

var m = array1.lastIndexOf(11)
console.log(m)

F、将数组转换为字符串

a、toString()：把数组转换为字符串,用逗号分隔每一项

b、join(‘分隔符’)：方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。

方法示例：

var a = [11,22,33,44,55]
var str= a.toString()
console.log(str)

var sum = a.join('-')
console.log(sum)

G、填充数组

fill()：用一个固定值填充一个数组中从起始索引到终止索引内的全部元素.不包括终止索引。

方法示例：

var a = new Array(10)
a.fill(5,1)
console.log(a)

H、过滤数组元素

filter()：将数组中元素按给定的条件进行过滤,过滤出的元素放在新数组中返回

方法示例：

let words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

var ret = words.filter(function(word){
    if(word.length>6){
        return word
    }
})
console.log(ret)