数组的初次‘碰面’及其应用题

最新推荐文章于 2024-08-22 14:32:34 发布

2401_83693610

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量634

点赞数 18

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/2401_83693610/article/details/137087974

版权

本文介绍了JavaScript中的数组概念，包括数组的定义方式、元素存储、获取数组长度、循环处理以及二维和多维数组。同时，还探讨了对象的定义、取值和循环，以及如何使用数组和对象解决实际问题，如计算手机价格的总价和平均值。

摘要由CSDN通过智能技术生成

昨天我们了解了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>

2401_83693610

关注

18
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
数组的初次‘碰面’及其应用题

如何去数组中存储的值？如何获取数组的个数，和定义对象、循环对象及其综合应用。数组元素是一对的，下标和值每一个元素都有对应的下标，下标从0开始，依次递增什么是数组?多维数组，例如：var arr=[ [11,33,22,[111,333,222] ] ]例：变量名=[ 'a' ,'b',true,null,undefined,100,[ ] ，]；1.定义一个数组，存储三个手机对象，分别记录商品的编号、商品名称、商品价格，在页面中以表格形式展示对象信息，并计算出上价格的总价和平均值。
复制链接

扫一扫