1-6 JS基础语法复习之【对象与内置对象】

1 对象

  • 对象是一个具体的事物
  • 在JS中,对象是一组无序的相关属性和方法的集合,对象是由属性方法组成的
  • 属性:事物的特征,在对象中用属性来表示(常用名词)
  • 方法:事物的行为,在对象中用方法来表示(常用动词)
    请添加图片描述 - JS中的对象表达结构更清晰,更强大(与数组、变量相比)

2 创建对象的三种方式

2.1 利用自变量来创建对象

对象的字面量:{ }

// 方法一:利用字面量创建对象
// 创建一个空的对象
var obj={};
//创建一个包含属性和方法的对象
var obj2={
	uname='长一心',//注意此处用逗号
	age=18,
	sex='男',
	sayHi=function(){  //方法用匿名函数
		console.log('Hi~');
		}

}

注意事项:
请添加图片描述
调用对象的两种方式:
请添加图片描述
请添加图片描述

2.2 利用new Object创建对象

//方法二:利用new Object创建对象
var obj=new Object();//创建了一个空的对象
obj.name='长一心';//利用等号赋值添加属性和方法,结尾用分号
obj.age=3;
obj.sex='男';
obj.sayHi=function(){
	console.log('Hi~');
	}
//调用对象的属性和方法
console.log(obj.name);
obj.sayHi();

2.3 利用构造函数创建对象

请添加图片描述
利用构造函数创建对象的语法:
模版
举例:
在这里插入图片描述
new关键字的执行过程
调用构造函数时:var ldh=new Star(‘刘德华’,18,‘男’);

  1. new构造函数可以在内存中创建一个空的对象
  2. this就会指向刚才创建的空对象
  3. 执行构造函数里面的代码,为这个新对象添加属性和方法。
  4. 返回这个新的对象(所以构造函数中不需要return)

3 遍历对象 for…in

for…in语句

//利用for...in对对象的属性和方法进行遍历
for var k in obj{//一般用k或key作为变量名
 cosole.log(k);//k变量输出的是属性名
 cosole.log(obj[k]);//obj[k]输出的是属性值
}

4 对象小结

在这里插入图片描述

5 内置对象

在这里插入图片描述

5.1 Math对象

注意:Math不是一个构造函数(不需要new调用)
在这里插入图片描述
注意:Math.round()在遇到0.5时,不论正负都是往大了取值,1.5取2,-1.5取-1

随机数方法:Math.random()

  • 返回一个[0,1)的小数
  • 这个方法不需要参数
    在这里插入图片描述
    在这里插入图片描述

5.2 Date对象

Date() 日期对象:是一个构造函数,必须用new来调用创建
调用的两种方式:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
注意getMonth()返回的月份需要+1才是实际的月份
注意getDay() 的结果中:0是周日 1是周一
实例:
在这里插入图片描述
在这里插入图片描述
得到总毫秒数(时间戳)的几种方法:
在这里插入图片描述

5.3 数组对象

5.3.1 创建数组的两种方式

在这里插入图片描述
注意:一个变量时表示数组长度,两个变量时表示数组元素

5.3.2 检测参数是否为数组的方法

有两种方法:
(1)instanceof 运算符 :变量 instanceof Array
(2)Array.isArray(参数)
在这里插入图片描述
输出:true / false

5.3.3 添加删除数组元素的方法

在这里插入图片描述

  1. push() 方法
    在这里插入图片描述
  2. unshift() 方法
    在这里插入图片描述
  3. pop() 方法
  4. shift() 方法
    在这里插入图片描述

5.3.4 数组排序

在这里插入图片描述

  1. reverse() 翻转数组

  2. sort() 数组排序

var arr1=[7,107,4,33,57,11];
//固定的排序结构!
arr1.sort(function(a,b){
	return a-b; //升序的排列顺序
	// return b-a;// 降序的排列顺序
	});
	console.log(arr1);

5.3.5 返回数组索引

  • indexOf()
  • lastIndexOf()
    在这里插入图片描述
    重点案例:数组去重
function unique(arr){
            var newArr=[];
            for(i=0;i<arr.length;i++){
                // 遍历旧数组,如果新数组中不存在该元素则存入新数组中
                if(newArr.indexOf(arr[i])===-1){
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }
        var demo=['L','a','y','L','L','y'];
        console.log(unique(demo));

5.3.6 数组转换为字符串

在这里插入图片描述
在这里插入图片描述
join与toString的区别在于可以自定义分隔符

5.4 字符串对象

5.4.1 基本包装类型

在这里插入图片描述在这里插入图片描述

5.4.2 字符串的不可变性

指的是字符串里面的值不可变,虽然看上去可以重新赋值,改变内容,但其实是地址变量,内存中开辟了一个新的内存空间。
在这里插入图片描述

5.4.3 根据字符串返回位置 indexOf/lastIndexOf

在这里插入图片描述
在这里插入图片描述
例子:查找字符串中某个字符出现的次数
在这里插入图片描述

5.4.4 根据位置返回对应字符(重点)charAt/ charCodeAt

在这里插入图片描述
在这里插入图片描述
例子:统计出现最多的字符及其次数

<script>
        var str='Lay has a song named lay you down aaaa';
        o={};
        for(i=0;i<str.length;i++){
            var chars=str.charAt(i);
            if(o[chars]){
                o[chars]++;
            }else{
                o[chars]=1;
            }
        }
        console.log(o);
        //遍历对象
        var max=0;
        var maxLetter='';
        for (var k in o){
            if (o[k]>max){
                max=o[k];
                maxletter=k;
            }
        }
        console.log('最多的字符是:'+maxletter);
    </script>

5.4.5 拼接/截取/替换字符串

在这里插入图片描述
替换字符 replace(‘被替换的字符’,‘替换为的字符’)
注意:replace只会替换第一个指定字符
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值