昨天我们了解了length属性、indexOf及应用;今天我们学习新知识(数组)及综合练习。我们要了解什么是数组?如何定义数组?如何去数组中存储的值?如何获取数组的个数,和定义对象、循环对象及其综合应用。
标题一、首先,数组Array类型的一种(' '、123、false/ture、null、undefined)。数组元素是一对的,下标和值每一个元素都有对应的下标,下标从0开始,依次递增什么是数组?数组可以用来存储一组数据,数据中可以存储任意的数组类型。如何定义数组?[ ]来定义数组,在[ ]中多个元素或值中间用逗号隔开。例:变量名=[ 'a' ,'b',true,null,undefined,100,[ ] ,];如何去数组中存储的值?-->变量名[ 下标 ] 。例如下图。如何获取数组的个数?1.变量名[ 'length' ] 2.变量名.length 。 获取数据的个数 console.log(a['length']) console.log(a.length)。
var a=[100,200,300,'a','b','c'];
长度 6个 最小下标0 最大下标 6
conlose.log(a)
console.log(a[2]);
最后答案为300
for(var 存储的变量 of 数值名){ } --->专门用于数组的循环
如何修改数组的值:
标题二、 数组分为二维数组和多维数组。二维数组,例如: var arr=[ 'a',' b', 1,2,3,[11,22,333] ] 答案:
console.log(arr[ 5 ][ 2 ]) --->33; 多维数组,例如:var arr=[ [11,33,22,[111,333,222] ] ]
consonsole.log(arr[ 0][ 3 ][ 1 ])
对象 (object)可以存储多个值,值可以是任意的数据类型。如何定义数组,{数组名:数组值}。对象如何取值 ,1.对象名[ ' 属性值' ] 2.对姓名.属性值。 例题如下:
天奇 姓名 年龄 性别,代表作
var obj2 =
{ name:'天奇',
age:18,
sex:'男',
masterpiece:"龙傲天与刘波"
}
console.log(obj2['name'])
console.log(obj2['masterpiece']);
console.log(obj2.name)
console.log(obj2.masterpiece);
循环对象 for in 不支持对象名.属性名obj.i写法 例题:
下面是一道例题:
1.定义一个数组,存储三个手机对象,分别记录商品的编号、商品名称、商品价格,在页面中以表格形式展示对象信息,并计算出上价格的总价和平均值。 答:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1">
</table>
<table border="1" id="oo">
</table>
</body>
</html>
<script>
var obj=[
{a:'1',b:'vivo手机',c:'2000'},
{a:'2',b:'oppo手机',c:'5000'},
{a:'3',b:'三星手机',c:'5000'},
]
var str = '';
var sum = 0;
for(var v of obj){
str = str + `
<tr>
<td>${v.a}</td>
<td>${v.b}</td>
<td>${v.c}</td>
</tr>`;
sum = sum + v.c*1
}
console.log(sum/obj.length)
oo.innerHTML = str;
document.write('总价为'+sum+'平均值为'+sum/obj.length)
</script>