Javascript 数组 - 合并多个数组帮助-6ren

Javascript 数组 - 合并多个数组帮助

转载作者：行者123 更新时间：2023-12-01 16:01:38

我想知道是否有人可以为我的 JS 项目遇到的以下问题提供任何帮助？

我基本上有关于从 3 个不同的 JSP 列表中提取产品的信息:

产品详细信息
A 产品的评级
A 产品的零售商

我想做的是循环遍历 JSP 的三个列表，提取每个产品的相关信息，然后创建一个 Javascript 对象，将所有产品信息保存在一起。

创建后，我需要循环遍历这个 Javascript 对象并在屏幕上显示每个产品的信息 - 一次可能有 10 个、20 个产品等。

我遇到问题的地方是，当我创建“mainResults”对象时(请参阅下面的代码片段)，尽管它已正确填充，但我首先得到一个空白数组，然后是产品数组。

下面是 Firebug 的屏幕截图，显示了“mainResults”javascript 对象的摘录 - 这是我的问题:空数组显示:

link text

当我尝试使用其 length 属性循环遍历“mainResults”时，这给我带来了问题，因为它总是返回为“0”。

我确信有更好的方法来实现我需要做的事情，但经过大量搜索和使用 OOP 之后，我仍然找不到好的解决方案。

我需要补充一些重要的事情:

我永远不会确切知道会有多少产品。
每个产品最多有 3 个评分。
我永远无法确切知道某种产品有多少家零售商。
我需要通过索引访问产品、其评级和零售商

我已经在下面发布了代码的相关部分 - 我真的希望有人能给我指出正确的方向:)

提前非常感谢，

吉姆

<body onLoad="populate()">
<jsp:useBean id="products" scope="request" class="com.sslpost.mpr.pricerunner.Products" />

    <% if(request.getAttribute("products") != null) 
    products = (Products)request.getAttribute("products"); %>

<script language="JavaScript" type="text/javascript">
    function populate(){
        <% if(products != null) { %>

        //Access Products from JSP Product Class        

        <% for (int i=0; i<products.productsList.size(); i++) {
        Product currProd = products.productsList.get(i);

        //Check Product Id is Not Empty and Handle Accordingly
        String prodId = "";
        if(products.productsList.get(i).id != 0)
            { prodId = Integer.toString(products.productsList.get(i).id); }
        else{ prodId = Integer.toString(0); }

        //Check Product Name is Not Empty and Handle Accordingly
        String prodName = "";
        if(products.productsList.get(i).name != null)
            prodName = products.productsList.get(i).name;

        //Check Product Manufacturer is Not Empty and Handle Accordingly
        String prodManufacturer = "";
        if(products.productsList.get(i).manufacturer != null)
            prodManufacturer = products.productsList.get(i).manufacturer;

        //Check Product Description is Not Empty and Handle Accordingly
        String prodDescription = "";
        if(products.productsList.get(i).description != null)
            prodDescription = products.productsList.get(i).description;

        //Check Product Retailer is Not Empty and Handle Accordingly
        String prodRetailer = "";
        if(products.productsList.get(i).numberOfRetailers != 0)
            { prodRetailer = Integer.toString(products.productsList.get(i).numberOfRetailers); }
        else{ prodRetailer = Integer.toString(0); }

        //Check Product Logo + Height and Width Attributes are Not Empty and Handle Accordingly
        String prodLogo = "";
        if(products.productsList.get(i).imageUrl != null && products.productsList.get(i).imageUrl.imageUrl != null)
            { prodLogo = products.productsList.get(i).imageUrl.imageUrl; }
        else{ prodLogo = "images/image_remove.png"; }    

        String prodLogoHeight = "";
        if(products.productsList.get(i).imageUrl != null && products.productsList.get(i).imageUrl.height != 0)
            { prodLogoHeight = Integer.toString(products.productsList.get(i).imageUrl.height); }
        else{ prodLogoHeight = Integer.toString(0); }

        String prodLogoWidth = "";
        if(products.productsList.get(i).imageUrl != null && products.productsList.get(i).imageUrl.width != 0)
            { prodLogoWidth = Integer.toString(products.productsList.get(i).imageUrl.width); }
        else{ prodLogoWidth = Integer.toString(0); }

        //Check Product Prices + Currency Attributes are Not Empty and Handle Accordingly
        String lowPriceAmount = "";
        if(products.productsList.get(i).lowestPrice != null && products.productsList.get(i).lowestPrice.amount != null)
            lowPriceAmount = products.productsList.get(i).lowestPrice.amount;

        String lowPriceCurrency = "";
        if(products.productsList.get(i).lowestPrice != null && products.productsList.get(i).lowestPrice.currency != null)
            lowPriceCurrency = products.productsList.get(i).lowestPrice.currency;

        String highPriceAmount = "";
        if(products.productsList.get(i).highestPrice != null && products.productsList.get(i).highestPrice.amount != null)
            highPriceAmount = products.productsList.get(i).highestPrice.amount;

        String highPriceCurrency = "";
        if(products.productsList.get(i).highestPrice != null && products.productsList.get(i).highestPrice.currency != null)
            highPriceCurrency = products.productsList.get(i).highestPrice.currency;           
        %>

        productResults(<%= i %>,
                        "<%= prodId %>",
                        "<%= prodName %>",
                        "<%= prodManufacturer %>",
                        "<%= prodDescription %>",
                        "<%= prodRetailer %>",
                        "<%= prodLogo %>",
                        "<%= prodLogoHeight %>",
                        "<%= prodLogoWidth %>",
                        "<%= lowPriceAmount %>",
                        "<%= lowPriceCurrency %>",
                        "<%= highPriceAmount %>",
                        "<%= highPriceCurrency %>"
                        );

        //Access Ratings from Ratings List in JSP Product Class

        <% for(int j=0; j<currProd.ratingList.size(); j++) { 

        //Check Product Rating Type is Not Empty and Handle Accordingly
        String prodRatType = "";
        if(currProd.ratingList.get(j).type != null)
            { prodRatType = currProd.ratingList.get(j).type; }
        else{ prodRatType = "no rating"; }    

        //Check Product Rating Average Value is Not Empty and Handle Accordingly
        String prodRatAvg = "";
        if(currProd.ratingList.get(j).average != null)
            { prodRatAvg = currProd.ratingList.get(j).average; }
        else{ prodRatAvg = Integer.toString(0); }

        //Check Number of Product Ratings Value is Not Empty and Handle Accordingly
        String prodRatNum = "";
        if(currProd.ratingList.get(j).numberRatings != null)
            { prodRatNum = currProd.ratingList.get(j).numberRatings; }
        else{ prodRatNum = Integer.toString(0); }

        %>

        ratingResults(<%= j %>,
                      <%= i %>,
                      "<%= prodRatType %>",
                      "<%= prodRatAvg %>",
                      "<%= prodRatNum %>"
                      );                
           <% } %>

        //Access Retailers from Retailer List in JSP Product Class

        <% for(int x=0; x<currProd.retailerList.size(); x++) {

        //Check Retiailer Logo is Not Empty and Handle Accordingly
        String retailLogo = "";
        if(currProd.retailerList.get(k).logo != null && currProd.retailerList.get(k).logo.imageUrl != null)
            retailLogo = currProd.retailerList.get(k).logo.imageUrl;

        //Check Retailer Product Prices + Currency Attributes are Not Empty and Handle Accordingly
        String minShipPrice = "";
        if(currProd.retailerList.get(k).minPriceWithShipping != null && currProd.retailerList.get(k).minPriceWithShipping.amount != null)
            minShipPrice = currProd.retailerList.get(k).minPriceWithShipping.amount;

        String minShipCurrency = "";
        if(currProd.retailerList.get(k).minPriceWithShipping != null && currProd.retailerList.get(k).minPriceWithShipping.currency != null)
            minShipCurrency = currProd.retailerList.get(k).minPriceWithShipping.currency;

        String maxShipPrice = "";
        if(currProd.retailerList.get(k).maxPriceWithShipping != null && currProd.retailerList.get(k).maxPriceWithShipping.amount != null)
            maxShipPrice = currProd.retailerList.get(k).maxPriceWithShipping.amount;

        String maxShipCurrency = "";
        if(currProd.retailerList.get(k).maxPriceWithShipping != null && currProd.retailerList.get(k).maxPriceWithShipping.currency != null)
            maxShipCurrency = currProd.retailerList.get(k).maxPriceWithShipping.currency;

        %>

        retailerResults(<%= k %>
                        <%= i %>,
                        "<%= currProd.retailerList.get(k).id %>",
                        "<%= currProd.retailerList.get(k).name %>",
                        "<%= currProd.retailerList.get(k).link %>",
                        "<%= retailLogo %>",
                        "<%= currProd.retailerList.get(k).leadTime %>",
                        "<%= currProd.retailerList.get(k).stockInfo %>",
                        "<%= currProd.retailerList.get(k).price.amount %>",
                        "<%= currProd.retailerList.get(k).price.currency %>",
                        "<%= currProd.retailerList.get(k).sourceType %>",
                        "<%= currProd.retailerList.get(k).sourceDate %>",
                        "<%= minShipPrice %>",
                        "<%= minShipCurrency%>",
                        "<%= maxShipPrice %>",
                        "<%= maxShipCurrency %>"
                        );
        <% } %>
        <% } %>
        <% } %>
        }
</script>
<script language="JavaScript" type="text/javascript">
    var mainResults = [];

    function productResults(pnum, pid, pname, pmanu, pdesc, pretail, plogo, plogoh, plogow, plowamt, plowcur, phghamt, phghcur)
    {
        var product = [];

        product.count = pnum;
        product.id = pid;
        product.name = pname;
        product.manufacturer = pmanu;
        product.description = pdesc;
        product.numretailer = pretail;
        product.logo = plogo;
        product.logoh = plogoh;
        product.logow = plogow;
        product.lowpriceamt = plowamt;
        product.lowpricecur = plowcur;
        product.highpriceamt = phghamt;
        product.highpricecur = phghcur;
        product.ratings = [];
        product.retailers = [];
        mainResults[pnum] = product;
    }

    function ratingResults(ratnum, pnum, rtgtype, rtgavg, rtgnum)
    {
        var ratings = [];

        ratings.count = ratnum;
        ratings.type = rtgtype;
        ratings.average = rtgavg;
        ratings.number = rtgnum;
        mainResults[pnum].ratings[ratnum] = ratings;
    }

    function retailerResults(retnum, pnum, rid, rname, rlink, rlogo, rtime, rstock, ramt, rcur, rstype, rsdate, rminamt, rmincur, rmaxamt, rmaxcur)
    {
        var retailers = [];

        retailers.count = retnum;
        retailers.id = rid;
        retailers.name = rname;
        retailers.purchaselink = rlink;
        retailers.logo = rlogo;
        retailers.leadtime = rtime;
        retailers.stock = rstock;
        retailers.priceamt = ramt;
        retailers.pricecur = rcur;
        retailers.sourcetype = rstype;
        retailers.sourcedate = rsdate;
        retailers.shipminprice = rminamt;
        retailers.shipmincur = rmincur;
        retailers.shipmaxprice = rmaxamt;
        retailers.shipmaxcur = rmaxcur;
        mainresults[pnum].retailers[retnum] = retailers;
    }
</script>

最佳答案

使用 JSP 生成代码是一个糟糕的想法...这绝对是我见过的最糟糕的代码生成。也就是说......让我们看看我们是否可以解决你的困惑......

首先，所有这些函数都是没有意义的，你在jsp中不加区别地输出数据，这些函数实际上只会降低性能。因此，我们最好立即渲染您想要的数组(mainResults)。

<% if(products != null) { %>

   var mainResults = [
      <% for (int i=0; i<products.productsList.size(); i++) {
         Product currProd = products.productsList.get(i);
      %>

         {
            count : "<%= i %>",
            id : "<%= prodId %>",
            name : "<%= prodName %>",
            manufacturer : "<%= prodManufacturer %>",
            description : "<%= prodDescription %>",
            numretailer : "<%= prodRetailer %>",
            logo : "<%= prodLogo %>",
            logoh : "<%= prodLogoHeight %>",
            logow : "<%= prodLogoWidth %>",
            lowpriceamt : "<%= lowPriceAmount %>",
            lowpricecur : "<%= lowPriceCurrency %>",
            highpriceamt : "<%= highPriceAmount %>",
            highpricecur : "<%= highPriceCurrency %>",
            ratings : [
               <% for(int j=0; j<currProd.ratingList.size(); j++) { %>
                  {
                     count : "<%= j %>",
                     type : "<%= prodRatType %>",
                     average : "<%= prodRatAvg %>",
                     number : "<%= prodRatNum %>"
                  }
               <% if(j < (currProd.ratingList.size() - 1)) { %>
               ,
               <% } %>

               <% } %>
            ],
            retailers : [
               <% for(int x=0; x<currProd.retailerList.size(); x++) { %>
                  {
                     retailers.count : "<%= x %>",
                     id : "<%= currProd.retailerList.get(k).id %>",
                     name : "<%= currProd.retailerList.get(k).name %>",
                     purchaselink : "<%= currProd.retailerList.get(k).link %>",
                     logo : "<%= retailLogo %>",
                     leadtime : "<%= currProd.retailerList.get(k).leadTime %>",
                     stock : "<%= currProd.retailerList.get(k).stockInfo %>",
                     priceamt : "<%= currProd.retailerList.get(k).price.amount %>",
                     pricecur : "<%= currProd.retailerList.get(k).price.currency %>",
                     sourcetype : "<%= currProd.retailerList.get(k).sourceType %>",
                     sourcedate : "<%= currProd.retailerList.get(k).sourceDate %>",
                     shipminprice : "<%= minShipPrice %>",
                     shipmincur : "<%= minShipCurrency%>",
                     shipmaxprice : "<%= maxShipPrice %>",
                     shipmaxcur : "<%= maxShipCurrency %>"
                  }

                  <% if(x < (currProd.retailerList.size() - 1)) { %>
                  ,
                  <% } %>

               <% } %>
            ]
         }

         <% if(i < (products.productsList.size() - 1)) { %>
         ,
         <% } %>

      <% } %>
   ];

<% } %>

我可能犯了一些拼写错误，需要做很多工作来修复...但这是一个稍微好一点的设置。

但是看在上帝的份上，请了解如何使用 Java 创建 JSON 并在 Java 中创建模型，然后解析为 JSON。

关于Javascript 数组 - 合并多个数组帮助，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3726840/

文章推荐： java - JSF valueChangeListener 仅在第二次尝试时使用react？

文章推荐： java - jpa发现问题

javascript - 执行存在于输入值字段中的 javascript - JavaScript
我有一个 html 格式的表单: 我需要得到 JavaScript在value input 字段执行，但只能通过表单的 submit .原因是页面是一个模板所以我不控制它(不能有
javascript - JavaScript 代码片段正在破坏其他 JavaScript
我管理的论坛是托管软件，因此我无法访问源代码，我只能向页面添加 JavaScript 来实现我需要完成的任务。我正在尝试用超链接替换所有页面上某些文本关键字的第一个实例。我还根据国家/地区代码对这些
javascript - JavaScript 如何使新页面包含更多 JavaScript？
我正在使用 JS 打开新页面并将 HTML 代码写入其中，但是当我尝试使用 document.write() 在新页面中编写 JS 时功能不起作用。显然，一旦看到，主 JS 就会关闭。用于即将打开的
javascript - Javascript 引擎如何在浏览器中执行 Javascript？
提问不是为了解决问题，提问是为了更好地理解系统专家!我知道每当你将 javascript 代码输入 javascript 引擎时，它会立即由 javascript 引擎执行。由于没有看过Engi
javascript - 如何将 JavaScript 变量从一个 JavaScript 文件传递到另一个 JavaScript 文件？
我在一个文件夹中有两个 javascript 文件。我想将一个变量的 javascript 文件传递到另一个。我应该使用什么程序？最佳答案 window.postMessage用于跨文档消息。使
javascript - javascript 中的 javascript 输入问题
我有一个练习，我需要输入两个输入并检查它们是否都等于一个。如果是 console.log 正则 console.log false 我试过这样的事情: function isPositive(fir
javascript - 在加载其他 javascript 库的页面上嵌入 Javascript？
我正在做一个Web应用程序，计划允许其他网站(客户端)在其页面上嵌入以下javascript: 我的网络应用程序位于 http://example.org 。我不能假设客户端网站的页面有 JQue
javascript - 从 Javascript 内部调用 Javascript
目前我正在使用三个外部 JS 文件。我喜欢将所有三个 JS 文件合而为一。尽一切可能。我创建 aio.js 并在 aio.js 中 src="https://code.jquery.com/
javascript - AngularJS/javascript javascript 对象的特殊排序顺序
我有例如像这样的数组: var myArray = []; var item1 = { start: '08:00', end: '09:30' } var item2 = {
javascript - 在 Javascript 内部执行 Javascript？
所以我正在制作一个 Chrome 扩展，它使用我制作的一些 TamperMonkey 脚本。我想要一个“主”javascript 文件，您可以在其中包含并执行其他脚本。我很擅长使用以下行将其他 jav
javascript - 如何将变量从 javascript 移动到 javascript？
我有 A、B html 和 A、B javascript 文件。并且，如何将 A JavaScript 中使用的全局变量直接移动到 B JavaScript 中？示例 JavaScript) va
javascript - 从 javascript 调用 javascript
我需要将以下整个代码放入名为 activate.js 的 JavaScript 中。你能告诉我怎么做吗？ var int = new int({ seconds: 30, mark
javascript - 将变量值从一个 JavaScript 传递到另一个 JavaScript
我已经为我的 .net Web 应用程序创建了母版页 EXAMPLE1.Master。他们的 I 将值存储在 JavaScript 变量中。我想在另一个 JS 文件中检索该变量。示例1.大师:-
javascript - 有没有开源库可以在浏览器中使用 Javascript 来整理 Javascript？
是否有任何库可以用来转换这样的代码: function () { var a = 1; } 像这样的代码: function () { var a = 1; } 在我的浏览器中。因为我在 Gi
javascript - javascript 中的参数列表后缺少语法 javascript 错误 )
我收到语法缺失 ) 错误 $(document).ready(function changeText() { var p = document.getElementById('bidp
javascript - 第一个 JavaScript 完成后启动第二个 JavaScript
我正在制作进度条。它有一个标签。我想调整某个脚本完成的标签。在找到可能的解决方案的一些答案后，我想出了以下脚本。第一个启动并按预期工作。然而，第二个却没有。它出什么问题了？代码如下: HTML:
javascript - 为什么外部 javascript 库会阻止我页面上的 javascript？
这里有一个很简单的问题，我简单的头脑无法回答:为什么我在外部库中加载时，下面的匿名和onload函数没有运行？我错过了一些非常非常基本的东西。 Library.js 只有一行:console.log(
javascript - 如何区分代码内 javascript 和客户端 javascript
我知道 javascript 是一种客户端语言，但如果实际代码中嵌入的 javascript 代码以某种方式与在控制台上运行的代码不同，我会尝试找到答案。让我用一个例子来解释它: 我想创建一个像 Mi
javascript - 将 Javascript 内联到不显眼的 JavaScript？
我如何将这个内联 javascript 更改为 Unobtrusive JavaScript？谢谢! 感谢您的回答，但它不起作用。我的代码是: PHP js文件 document.getElem
javascript - 如何将 JavaScript 对象导出为 JavaScript？
我正在寻找将简单的 JavaScript 对象“转储”到动态生成的 JavaScript 源代码中的最优雅的方法。目的:假设我们有 node.js 服务器生成 HTML。我们在服务器端有一个对象x。

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

Javascript 数组 - 合并多个数组帮助