第二阶段笔记数组

最新推荐文章于 2024-06-13 10:05:02 发布

m0_45229352

最新推荐文章于 2024-06-13 10:05:02 发布

阅读量283

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_45229352/article/details/123617562

版权

对象中可以通过键值对存储多个数据，且数据的类型是没有限制的，所以通常会存储一个商品的信息或一个人的信息：

var obj = {

goodsname:"手机",

price:"5000",

introduce:"手机很时尚，很漂亮！"

}

var person = {

name:"张三",

age:12,

sex:"男"

}

但对象在存储同类型数据的时候比较困难，例如，存储一个班级所以人的

var obj = {

name1:"张三",

name2:"李四",

name3:"王五",

...

}

这种存储方式我们没有办法通过一个人的姓名获取到这个人的编号，也没有办法通过一个编号获取到某个人的姓名。

js提供了另外一种对象类型的数据，可以通过编号来存储数据：数组。也是对象3种表现形式中的另外一种，[]定义的对象。

数组定义

var arr=[]

这是一个空数组，定义带数据的数组：

var arr=['张三','李四','王五','赵六']

输出结果：

数组中的数据类型没有限制，在实际项目中，数组中通常会存储同一类型的数据。

var arr=['a',2,false,undefined,{name:"张三"}];

数组这种数据，相当于在一个大空间中，有很多小空间，每个值前面的数字，表示这个小空间的编号，专业术语叫下标。第一个下标永远是0，依次向后递增，最后一个下标是值的个数-1

也就是说，数组这种数据中每个值是有顺序的。

js还提供了一个构造函数，用来创建数组：

var arr=new Array("张三","李四","王五")

这两种方式定义的数据是一样的。

有一种情况，这两种定义方式是不一样的：

var arr=[5]

var brr=newArray(5)

console.log(arr,brr)

[]形式定义的是一个数组中有一个小空间，其中的值是5；构造函数方式定义的，表示有5个空的小空间。

数组的规律：

第一个值的下标永远是0;

最后一个值的下标永远是值的个数-1。

数组基本操作

数组中值的个数：数组.length

var arr=['张三',"李四","王五","赵六"];

var arr1=[1,2,3,4,5,6];

console.log(arr.length); // 4

console.log(arr1.length); // 6

访问数组中的元素：数组[下标]

例：

var arr=["张三","李四","王五"];

console.log(arr[1]); // 李四

第一个值永远是：数组[0]；最后一个值永远是：数组[数组.length-1]

添加元素：数组[下标] = 值

例：

var arr=["张三","李四"];

arr[2] ="王五";

console.log(arr); // (3) ["张三", "李四", "王五"]

arr[10] ="赵六";

console.log(arr); // (11) ["张三", "李四", "王五", empty × 7, "赵六"] 中间还有7个空元素

修改元素：数组[下标] = 值

例：

var arr=["张三","李四"];

arr[0] ="王五";

console.log(arr); // (2) ["王五", "李四"]

使用说明：如果下标是已经存在的，那赋值操作就是修改数组元素的值，如果下标是不存在，那赋值操作就给数组添加元素。

删除元素：delete 数组[下标]

var arr=[1,2,3];

delete arr[0];

console.log(arr)

这种删除方式，只能删除值，并不能删除小空间。

数组长度的赋值：

var arr=[1,2,3];

arr.length=0;

console.log(arr) // []

var arr=[1,2,3];

arr.length=10;

console.log(arr)

var arr=[1,2,3];

arr.length=1;

console.log(arr) // [1]

遍历数组：

如果要将数组中的所有元素都输出，操作如下：

var arr=["张三","李四","王五","赵六"];

console.log(arr[0]); // 张三

console.log(arr[1]); // 李四

console.log(arr[2]); // 王五

console.log(arr[3]); // 赵六

从上面输出的代码中可以看出，多次输出是在进行重复动作，并且多次重复之间是有规律可循的，所以可以使用循环进行这个重复动作：

var arr=["张三","李四","王五","赵六"];

var length=arr.length;

for(var i=0;i<length;i++){

console.log(arr[i]);

}

结果：

循环输出数组中的每个值

这种使用循环将数组中每个元素输出的操作叫做数组的遍历 - 每个元素都经历一次

遍历对象的for in语法也可以遍历数组：

Var arr=["张三","李四","王五","赵六"];

for(variinarr){

console.log(arr[i]);

}

两种遍历方式有区别：

var arr=['a','b','c'];

arr[5] ='d'

console.log(arr);

for(vari=0;i<arr.length;i++){

console.log(arr[i]);

}

空的空间会遍历出undefined

vararr=['a','b','c'];

arr[5] ='d'

console.log(arr);

for(variinarr){

console.log(arr[i]);

}

空的空间不会被遍历。

vararr=['a','b','c'];

for(vari=0;i<arr.length;i++){

console.log(i);

}

下标是数字。

vararr=['a','b','c'];

for(variinarr){

console.log(i);

}

下标是字符串。所以for in的语法更适合遍历对象，为了避免不必要的错误，尽量不要用这种语法来遍历数组。

数组练习：

1.利用for循环求数字数组中所有元素的和
vararr=[10,20,30,40,50];
varsum=0;
for(vari=0;i<arr.length; i++){
sum+=arr[i];
}
console.log(sum);

2.有一个数组，具体内容如下：
vararr=[
   "越南被曝咖啡造假：咖啡粉里掺加电池芯",
   "抗日神剧被当教材：机密文件居然有女优名字",
   "王俊凯任联合国大使：系最年轻的联合国大使",
   "行人闯红灯遭水喷目前还在测试阶段",
   "68条鱼估价超600万什么鱼要这么贵？"
]
利用循环使用js做出如下图效果：

vararr=[
   "越南被曝咖啡造假：咖啡粉里掺加电池芯",
   "抗日神剧被当教材：机密文件居然有女优名字",
   "王俊凯任联合国大使：系最年轻的联合国大使",
   "行人闯红灯遭水喷目前还在测试阶段",
   "68条鱼估价超600万什么鱼要这么贵？"
];
document.write("<ul>");
for(vari=0;i<arr.length;i++){
    document.write("<li>"+arr[i]+"</li>");
}
document.write("</ul>")

3.求数组中的最大值
vararr=[1,9,3,6,8,5,4,7,2,12];
// 求出最大值
varlength=arr.length;
varmax=arr[0];
for(vari=1;i<length;i++){
   if(max<arr[i]){
   max=arr[i];
    }
}
console.log(max);