返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Vue中foreach数组与js中遍历数组的写法说明
  • 615
分享到

Vue中foreach数组与js中遍历数组的写法说明

2024-04-02 19:04:59 615人浏览 安东尼
摘要

Vue foreach数组与js中遍历数组的写法 场景 Vue中使用AxiOS发送get或者post请求,发送请求时需要在js中 对请求参数进行遍历并处理。 接收响应时需要对响应结果

Vue foreach数组js中遍历数组的写法

场景

Vue中使用AxiOS发送get或者post请求,发送请求时需要在js中

对请求参数进行遍历并处理。

接收响应时需要对响应结果进行遍历和处理。

注意区分在vue和js中foreach数组的区别。

实现

在js中遍历数组


//定义班次详细数组
  var bcglxiangxiList = new Array();
  //定义班次详细对象
  var bcxiangxi  = {};
  //循环传递的参数
  bcglXiangXiListParam.forEach(element => {
    bcxiangxi.xh = element.xh;
    bcxiangxi.bcbh = data.bcbh;
    bcxiangxi.dkkssj = element.sjfw[0];
    bcxiangxi.dkjssj = element.sjfw[1];
    bcxiangxi.ts = element.ts;
    bcxiangxi.dkdd = element.dkdd;
    bcxiangxi.zxjxljsj = element.jxsjfw[0];
    bcxiangxi.zdjxljsj = element.jxsjfw[1];
    //将班次详细对象存进班次详细数组
    bcglxiangxiList.push(bcxiangxi);
  });

在vue中遍历数组


 var bcglxiangxiList = new Array();
        var bcxiangxi = {};
        debugger;
        if (
          response.data.bcglXiangXiList != null &&
          response.data.bcglXiangXiList.length > 0
        ) {
          console.log(response.data.bcglXiangXiList);
          response.data.bcglXiangXiList.forEach((item, index) => {
            console.log(item);
            bcxiangxi.xh = item.xh;
            bcxiangxi.bcbh = item.bcbh;
            //debugger
            bcxiangxi.sjfw = new Array();
            bcxiangxi.sjfw[0] = item.dkkssj;
            bcxiangxi.sjfw[1] = item.dkjssj;
            bcxiangxi.ts = item.ts;
            bcxiangxi.dkdd = item.dkdd;
            bcxiangxi.jxsjfw = new Array();
            bcxiangxi.jxsjfw[0] = item.zxjxljsj;
            bcxiangxi.jxsjfw[1] = item.zdjxljsj;
            bcglxiangxiList.push(bcxiangxi);
          });
        }

可以看到遍历的方式是一样的,在js中一样可以用两个参数的遍历方式


  //定义班次详细数组
  var bcglxiangxiList = new Array();
  //定义班次详细对象
  var bcxiangxi  = {};
  //循环传递的参数
  bcglXiangXiListParam.forEach((element,index) => {
    bcxiangxi.xh = element.xh;
    bcxiangxi.bcbh = data.bcbh;
    bcxiangxi.dkkssj = element.sjfw[0];
    bcxiangxi.dkjssj = element.sjfw[1];
    bcxiangxi.ts = element.ts;
    bcxiangxi.dkdd = element.dkdd;
    bcxiangxi.zxjxljsj = element.jxsjfw[0];
    bcxiangxi.zdjxljsj = element.jxsjfw[1];
    //将班次详细对象存进班次详细数组
    bcglxiangxiList.push(bcxiangxi);
  });

vue forEach循环使用


//data为集合 
data.forEach(function(item, index) {
            //item 就是当日按循环到的对象
            //index是循环的索引,从0开始
})

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: Vue中foreach数组与js中遍历数组的写法说明

本文链接: https://lsjlt.com/news/127612.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Vue中foreach数组与js中遍历数组的写法说明
    Vue foreach数组与js中遍历数组的写法 场景 Vue中使用Axios发送get或者post请求,发送请求时需要在js中 对请求参数进行遍历并处理。 接收响应时需要对响应结果...
    99+
    2024-04-02
  • Vue中如何使用foreach遍历数组
    本篇内容介绍了“Vue中如何使用foreach遍历数组”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在js中遍历数组//定义班次详细数组&n...
    99+
    2023-07-04
  • 如何在Vue中使用foreach遍历数组
    今天就跟大家聊聊有关如何在Vue中使用foreach遍历数组,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。在js中遍历数组//定义班次详细数组  var ...
    99+
    2023-06-15
  • vue中数组遍历方法forEach和map怎么用
    这篇文章给大家分享的是有关vue中数组遍历方法forEach和map怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、前言forEach和map是数组的两个方法,作用都是遍...
    99+
    2024-04-02
  • JS数组遍历中for,forin,forof,map,forEach各自的使用方法与优缺点
    JS数组遍历普通函数 优点:支持流程控制(break、continue、return) for const arr = ["A", "B", "C"] for(let i = 0;...
    99+
    2024-04-02
  • php中如何用foreach遍历二维数组
    在PHP中,可以使用foreach循环来遍历二维数组。以下是一个示例:```php$twoDimensionalArray = ar...
    99+
    2023-10-11
    php
  • php foreach遍历数组的方法是什么
    PHP中使用foreach语句来遍历数组。示例代码如下:```$colors = array("Red", &q...
    99+
    2023-09-26
    php
  • PHP循环中如何使用foreach()方法遍历数组
    这篇文章主要介绍了PHP循环中如何使用foreach()方法遍历数组,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。foreach():for...
    99+
    2024-04-02
  • js遍历json数组的代码怎么写
    这篇文章主要介绍“js遍历json数组的代码怎么写”,在日常操作中,相信很多人在js遍历json数组的代码怎么写问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”js遍历json数组的代码怎么写”的疑惑有所帮助!...
    99+
    2023-06-26
  • JS数组中有什么内置遍历方法
    这篇文章将为大家详细讲解有关JS数组中有什么内置遍历方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。forEach()(ES6)方法forEach()(ES6)方法对数组的每个元素执行一次给定的函数。&...
    99+
    2023-06-25
  • JS中数组遍历方式有哪些
    小编给大家分享一下JS中数组遍历方式有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!JS数组遍历的几种方式JS数组遍历,基本...
    99+
    2024-04-02
  • 如何在php中使用foreach遍历二维数组
    今天就跟大家聊聊有关如何在php中使用foreach遍历二维数组,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。PHP开发环境搭建工具有哪些一、phpStudy,是一个新手入门最常用的...
    99+
    2023-06-14
  • 怎么在php中使用foreach循环遍历数组
    本篇文章为大家展示了怎么在php中使用foreach循环遍历数组,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。PHP开发环境搭建工具有哪些一、phpStudy,是一个新手入门最常用的开发环境。二、W...
    99+
    2023-06-14
  • php foreach遍历数组的方式有哪些
    在PHP中,可以使用以下几种方式来遍历数组:1. 使用foreach循环:foreach循环是遍历数组最常用的方式,它可以遍历关联数...
    99+
    2023-10-10
    php
  • 细说JS数组遍历的一些细节及实现
    目录1. 数组空位问题 ​1.1 空位判断 ​1.2 刚列举了数组的一些操作会对空位进行跳过,但其实,它们在处理上也还是存在一些差异的2. 是否修改原数组 ​3. 附一下数组遍历的几...
    99+
    2023-05-20
    JS数组遍历
  • react中使用forEach或map两种方式遍历数组
    目录使用forEach或map两种方式遍历数组forEachmap循环遍历数组时map和forEach的区别forEach情况map 情况使用forEach或map两种方式遍历数组 ...
    99+
    2024-04-02
  • python numpy库中数组遍历的方法
    1.对于一维数组,可以有: 2. 对于二维数组:考虑可将其看作为矩阵,故可以如下书写二重遍历  这里外层循环的是二维数组A的行,内层则是列 同时c的作用:不想用肉眼直接...
    99+
    2024-04-02
  • JavaScript中数组怎么遍历
    这篇文章主要讲解了“JavaScript中数组怎么遍历”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript中数组怎么遍历”吧! ...
    99+
    2024-04-02
  • shell中怎么遍历数组
    小编给大家分享一下shell中怎么遍历数组,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!背景某天遇到一个问题,现象如下:第一种遍历正常打印元素,然而第二种遍历只会...
    99+
    2023-06-09
  • Bash中如何遍历数组?
    在Bash中,数组是一种非常方便的数据结构,可以用于存储一组相关的值。在处理数组时,遍历数组是一项非常基本的操作。本文将介绍如何在Bash中遍历数组,并提供一些示例代码帮助您更好地理解。 一、Bash数组的定义 在Bash中,可以使用下面的...
    99+
    2023-09-30
    数组 bash windows
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作