构造函数,遍历对象,内置对象

构造函数

  1. 将对象里面相同的属性和方法抽象出来封装到函数里面
  2. 构造函数首字母要大写
  3. 构造函数必须使用new,只要调用new就创建了一个对象

查看答案

1
2
3
4
5
6
7
8
9
10
function Star(uname) {
this.name = uname;
this.sing = function(sang){
console.log(sang);
}
}
var ldh = new Star('ldh')
console.log(typeof ldh);
console.log(ldh.name);
ldh.sing('你好')

遍历对象

  1. for..in格式for(变量in 对象){}

查看答案

1
2
3
4
5
6
7
8
var momo = {
age: 18,
name: '你好'
}
for (var k in momo) { /*k变量 输出得到的是属性名*/
console.log(k);
console.log(momo[k]);
}
  1. 创建一个电脑对象,有颜色,有重量,有品牌,有型号,可以看电影,可以听音乐,可以打游戏,可以敲代码

使用系统自带的构造函数创建对象

查看答案

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// 创建对象
var computer = new Object();
// 为对象添加属性
computer.color = '灰色';
computer.weight = '2kg';
computer.brand = 'lenovo';
computer.type = 'xiaoxin';
// 为对象添加方法
computer.movie = function(){
console.log('看电影');
}
computer.music = function(){
console.log('听音乐');
}
computer.play = function(){
console.log('玩游戏');
}
computer.Kcode = function(){
console.log('敲代码');
}
//调用对象属性
console.log('我的颜色是'+computer.color );
console.log('我的重量是'+computer.weight);
console.log('我的品牌是'+computer.brand);
console.log('我的类型是'+computer.type);
//调用对象方法
computer.movie();
computer.music();
computer.play();
computer.Kcode();

自定义构造函数创建对象

查看答案

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function Computer(color, weight, brand, type) {
this.color = color;
this.weight = weight;
this.brand = brand;
this.type = type;
var re = ('这台' + this.color + ',重量为' + this.weight + '的' + this.type)
this.movie = function () {
console.log(re + '可以看电影');
},
this.game = function () {
console.log(re+ '可以打游戏');
},
this.Kcode = function () {
console.log(re+ '可以敲代码');
}
}
var com = new Computer('灰色', '2kg', 'lenovo', '小新');
com.movie();
com.game();
com.Kcode();

使用字面量形式创建对象

查看答案

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var computer2 = {
color: '灰色',
weight: '2kg',
brand: 'lenovo',
type: '小新',
movie: function () {
console.log('这台' + this.color + ',重量为' + this.weight + '的' + this.type + '电脑可以看电影');
},
game: function () {
console.log('这台' + this.color + ',重量为' + this.weight + '的' + this.type + '可以打游戏');
},
write: function () {
console.log('这台' + this.color + ',重量为' + this.weight + '的' + this.type + '可以敲代码');
}
}
// 使用for..in便利对象和方法
for (var k in computer2) {
console.log(computer2[k]);
}
// 调用方法
computer2.movie();
computer2.game();
computer2.write();

回顾练习

  1. 写一个函数,实现反转任意数组。

查看答案

1
2
3
4
5
6
7
8
9
10
11

function reverse(arr){
var newArr = [];
for(var i = arr.length - 1; i >= 0; i--){
newArr[newArr.length] = arr[i];
}
return newArr;
}
var arr1 = reverse([1,2,31,412,3124])
console.log(arr1)
/*如果使用arguments的话后面的赋值不需要加`[]`*/
  1. 写一个函数,实现对数组的排序。

查看答案

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function sort(num){
for(var i = 0; i<=num.length -1; i++){
for(var j=0;j<=num.length -i-1;j++){
if(num[j]>num[j+1]){
var temp = num[j];
num[j] = num[j+1];
num[j+1]=temp;
}
}
}
return num;
}
var num1 = new sort([1,32141,212,23,12,21])
console.log(num1);

内置对象

  1. Math,Date,Array,String
  2. 数学属性 【属性地址
  3. 不是构造函数,直接使用
  4. 绝对值 Math.abs()

三个取整方法

  1. Math.floor()向下取整
  2. Math.ceil()向上取整
  3. Math.round()四舍五入

随机数

  1. Math.random()
  2. 随机点名

查看答案

1
2
3
4
5
function getRandom(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
var arr = ['dasd', 'dasxaw', 'dasaxfa', '正读', '真弟弟'];
console.log(arr[getRandom(0, arr.length - 1)]);
  1. 猜数字游戏

查看答案

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function getRandom(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
var random = getRandom(1, 50);
while (true) {
for (var i = 1; i <= 10; i++) {
var num = prompt('你来猜,请输入一个1-50的数字');
if (num > random) {
alert('提示:您猜大了!!' + '\n' + '您还有' + (10 - i) + '次机会');
} else if (num < random) {
alert('提示:你猜小了!!' + '\n' + '您还有' + (10 - i) + '次机会')
} else if (num == random) {
alert('恭喜你猜对了');
break;
}
} break;
}

日期对象

  1. 日期对象是一个构造函数 var date = new Date();
  2. 数字写法,字符串写法2021-1-1 0:0:0

查看答案

1
2
3
4
5
6
var date = new Date();
console.log(date);
console.log(date.getFullYear());
console.log(date.getMonth() + 1);
console.log(date.getDate());
console.log(date.getDay());