js pos机一周总结（一）

最新推荐文章于 2024-12-29 00:14:52 发布

原创最新推荐文章于 2024-12-29 00:14:52 发布 · 704 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

java script 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了JavaScript POS机训练营如何通过基础的for循环遍历方法，逐步深入学习Web开发。重点讲解了使用for循环逐条输出数组数据的方法，并展示了利用push方法将遍历结果添加到新数组的技巧。强调了循环遍历在简化复杂工作、减少代码重复方面的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript pos机训练营是通过pos这个简单的场景，逐渐增加复杂度，由浅入深的让大家练习web开发。

首先来学习了方法一

基础的for循环遍历方法，我们想要逐条输出数组内的数据利用循环可以方便的完成：

var inputs = [
            {
                barcode: 'ITEM000000',
                name: '可口可乐',
                unit: '瓶',
                price: 3.00,
                count: 5
            },
            {
                barcode: 'ITEM000001',
                name: '雪碧',
                unit: '瓶',
                price: 3.00,
                count: 2
            },
            {
                barcode: 'ITEM000004',
                name: '电池',
                unit: '个',
                price: 2.0,
                count: 1
            }
        ];

上面是我们输入的信息，利用for循环可将上述信息打印：

var inputsText='';
 for(var i=0;i<inputs.length;i++)  {
       
 var  Inventory=Inventory+'\n'+inputs[i].name+inputs[i].count+inputs[i].unit+inputs[i].price;
    }
console.log(inputsText);

这样就可以逐条的输出inputs内的数据了。

方法二:

利用push将遍历的数组添加到新的数组中去。

.push();

括号中放入即将添加的数据。push与for循环联合使用可以遍历数据挑选出想要添加的数据到新数组中。

总结：多使用循环来遍历可以将复杂的工作变得简单化，减少代码的重复量。