js基础(六){数组 数组的方法 使用 length属性 对象的使用}

本文深入讲解了数组和对象的基础知识,包括定义、使用方法及属性操作。覆盖了数组的多种定义方式、数据存储与访问,以及length属性的使用。同时,详细介绍了对象的属性设置与读取,提供了点语法与方括号语法的对比,还涵盖了数组方法如push、pop、sort等的功能和应用。

数组

装载一组数据的容器

数组的定义

方式1  字面量
语法:
    var arr = [];
方式2  构造函数
语法:
    var arr = new Array();
传参规则:
    当没有参数时, 定义的是一个空数组
    当参数只有一个并且是数字时,该数字表示数组的长度
    当参数有多个时,参数就是每一个成员
方式3 构造函数
语法:
    var arr = Array();
传参规则: 同上

数组的使用

存储数据
    数据是以一定的顺序存储在内部 每一个数据都有一个"序号" 这个序号叫做下标 或者 索引
    语法: 
        数组[下标] = xxx
访问数据
    语法:
        数组[下标] 
    当该代码单独出现,就表示要使用数据。就会去读取对应的数据。如果数据存在,就得到,如果不存在就读取不到,返回undefined。

数组的length属性

数组是一组数据,length属性表示这个数组中的内容的个数。简称数组的长度。
该长度是可读可写的属性。
当设置属性的时候,表示要修改该数组的长度。数组的长度会发生变化。
当读取时,会实时返回数组的当时的长度。

对象的使用

对象: 是一组k:v对的集合。
每一组k:v对,叫做对象的属性。 k表示对象的属性名,v表示对象的属性值。
每一组k:v对,使用逗号隔开,推荐一行一个k:v对
k最好符合变量的命名规范。 v是具体的数据。可以是任何数据。

定义对象:
方式一: 字面量 (推荐方式) ;
var obj = {};
方式二: 构造函数
var obj = new Object();
var obj = Object();

对象的属性操作:

读取属性:
方式1 点语法 obj.name
方式2 方括号语法 obj[“name”]
设置属性:
方式1 点语法 obj.xxx = xxx;
方式2 方括号语法 obj[“xxx”] = xxx;
删除属性

delete关键字 该关键字只能用来删除对象的属性 而不可以用来删除变量

对象的循环遍历

语法: for (var i in obj) {

}

注:obj.i 这种方式,真的是在读取 obj的 i 属性 而不是读取i变量所保存的值属性

方括号语法与点语法的区别

方括号语法:
    [] 之间是一个JS的执行环境,可以使用变量,表达式
    [] 最终需要的是一个字符串,如果不是字符串,会转为字符串(调用toString方法)
    [] 只要内容是字符串,不论是否符合变量命名规范,都可以成功
点语法:
    点语法,点什么,就是什么 
    点语法,必须符合变量的命名规范

其它知识点

Math.pow(x, y); 该方法用于计算x的y次方
Math.max();  该方法用于计算传递给max的所有参数中,最大的那个
Math.min();  该方法用于计算传递给min的所有参数中,最小的那个

小提示: 数组的循环与arguments的循环方式一致

数组的方法

push

作用: 向数组的末尾增加一个成员
返回值: 数组的长度
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
// 使用数组的方法 
var result = arr.push("西双版纳");
console.log(result); // 6
console.log(arr); // ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪", "西双版纳"]

pop

作用: 从数组的末尾移除一个成员 
返回值: 被移除的成员
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
// 使用数组的方法 
var result = arr.pop();
console.log(result); // 尼斯湖水怪
console.log(arr); // ["张三", "李四", "王五", "尼古拉斯赵四"]

unshift

作用:从数组的头部添加一个成员
返回值: 数组的长度
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
var result = arr.unshift("王二");  // 它的作用是给数组的头部增加一个新成员 并返回数组的长度
console.log(arr); // 王二  出现在数组的头部  
console.log(result);  // 改变之后 数组的新长度  6

shift

作用: 从数组的头部移除一个成员
返回值: 被移除的成员
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
var result = arr.shift(); // 它的作用是将数组的头部第一项移除 并返回
console.log(arr);  // 张三已经从数组中消失
console.log(result); // 被移除的成员 张三

concat

作用: 将两个数组拼接
返回值:新的拼合后的数组 
注:不会改变原数组
var arr = [1, 2, 3, 4];
var arr1 = arr.concat([5, 6, 7, 8]);
console.log(arr); // [1, 2, 3, 4]
console.log(arr1); // [1, 2, 3, 4, 5, 6, 7, 8]

sort

作用:将数组重新排序 
参数:函数
    接受一个函数作为参数 该函数有两个形参 分别代表数组内的两个数字 如果该函数的返回值为a - b  则数组从小到大排序
    如果该函数返回的是b - a 则数组从大到小排序 
返回值: 原数组
注:会改变原数组
var arr = [1, 9, 45, 55, 3, 67, 8, 101];
var arr1 = arr.sort(function(a, b) {
    return a - b;
});
console.log(arr);  // [1, 3, 8, 9, 45, 55, 67, 101]
console.log(arr1); // [1, 3, 8, 9, 45, 55, 67, 101]

slice

作用:截取数组中的一段内容  传递两个参数 一个参数 不传参数
特点: 必须要求第一个参数 比第二个参数 要小
       slice方法不会改变原数组 

splice

作用:用于修改数组 向数组中添加内容 删除数组成员
特点:第一个参数表示 从哪个下标位置开始删除 第二个参数表示删除几个 
     从第三个参数开始 表示要新增的项 从第一个参数所指定的位置开始
     返回值:新数组 内部的成员是从原数组中被移除的项 如果没有被移除的项就是空数组

join

作用:它可以以指定的内容作为连接符将数组转为字符串 参数就是连接符 可以不传递 默认为“,”

indexOf

作用:查询数组中的成员索引方法
它可以接受第二个参数 表示开始查询的位置 。

其它知识点

Math.random() 该方法返回一个随机数 [0 - 1)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值