vue中循环数组和对象

1.数组

num: [
        {
          name: "这是二",
          id: 1
        },
        {
          name: "这是二",
          id: 1
        },
        {
          name: "这是二",
          id: 1
        }
      ]

循环

<p v-for="(item, id) of num">{{item.name}}</p>

2.对象

 Data: {
        a: "这是一",
        b: "这是一",
        c: "这是一",
        d: "这是一",
      },

循环

<p v-for="(value,key) of Data">{{value}}</p>

  

原文地址:https://www.cnblogs.com/wjsy/p/10298027.html

时间: 2024-08-06 11:01:22

vue中循环数组和对象的相关文章

Vue实现对数组、对象的深拷贝、复制

当组件间传递对象时,由于此对象的引用类型指向的都是一个地址(除了基本类型跟null,对象之间的赋值,只是将地址指向同一个,而不是真正意义上的拷贝),如下 数组: var a = [1,2,3]; var b = a; b.push(4); // b中添加了一个4 alert(a); // a变成了[1,2,3,4] 对象: var obj = {a:10}; var obj2 = obj; obj2.a = 20; // obj2.a改变了, alert(obj.a); // 20,obj的a跟

JAVA中的数组是对象吗?

1 public class Main{ 2 public static void main(String[] args) 3 { 4 int a[]={1,9}; 5 //Object obj=new int[10]; 6 System.out.println(a.toString()); 7 } 8 } 数组是对象,但是这个数组对象并不是从某个类实例化来的,而是由JVM直接创建的,因此查看类名的时候会发现是很奇怪的类似于"[I"这样的样子,这个直接创建的对象的父类就是Object,

JS中的数组与对象

一.数组: 1.数组的基本慨念:       数组是在内存空间中连续存储的一组有序数据的集合      元素在数组中的顺序,成为下标.可以使用下标访问数组的每个元素 2.如何声明一个数组     ① 使用字面量声明:       在JS中,同一数组,可以存储各种数据类型        例如:var reg = [1,"换个影子",true,{},null,func];  //调用数组中的函数:reg[5]();     ②  使用new关键字声明: var reg = new Arra

js中遍历数组、对象的方式

1.标准的for循环遍历数组 var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i) { console.log(i,array[i]); } 2.for in 遍历对象 for in 以任意顺序遍历一个对象的可枚举属性. 因此当迭代那些访问次序重要的 arrays 时用整数索引去进行 for 循环 (或者使用 Array.prototype.forEach() 或 for...of 循环) . 一般常用来遍历非数组的对

JavaScript中,数组和对象的遍历方法总结

循环遍历是写程序很频繁的操作,JavaScript 提供了很多方法来实现. 这篇文章将分别总结数组和对象的遍历方法,新手可以通过本文串联起学过的知识. 数组遍历 方法一:for 循环 for 循环是使用最多,也是性能优化最好的一种遍历方式. var arr = ["a", "b", "c"]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]) } // a b c 同样常规

再来复习一下Javascript中关于数组和对象的常用方法

数组原有的方法: ES5新增的处理数组的相关方法: indexOf / lastIndexof 返回某个指定的字符串值在字符串中首次或最后一次出现的位置 every / some 检测数组的所有元素或者部分元素是否符合指定条件 filter 创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素.不改变原数组 map 返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值,不改变原数组. forEach 遍历数组的每个元素,并将元素传递给回调函数.适合于对数组进行全局遍历,

原生js中获取this与鼠标对象以及vue中默认的鼠标对象参数

1.通过原生js获取this对象 ``` <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form action="" class="files" > <label class="file"

JS中深拷贝数组、对象、对象数组方法

我们在JS程序中需要进行频繁的变量赋值运算,对于字符串.布尔值等可直接使用赋值运算符 "=" 即可,但是对于数组.对象.对象数组的拷贝,我们需要理解更多的内容. 首先,我们需要了解JS的浅拷贝与深拷贝的区别. 我们先给出一个数组: var arr = ["a","b"]; 现在怎么创建一份arr数组的拷贝呢?直接执行赋值运算吗?我们来看看输出结果 var arrCopy = arr; arrCopy[1] = "c"; arr

vue中如何使用event对象

原文地址 一.event 对象 (一)事件的 event 对象 你说你是搞前端的,那么你肯定就知道事件,知道事件,你就肯定知道 event 对象吧?各种的库.框架多少都有针对 event 对象的处理.比如 jquery,通过它内部进行一定的封装,我们开发的时候,就无需关注 event 对象的部分兼容性问题.最典型的,如果我们要阻止默认事件,在 chrome 等浏览器中,我们可能要写一个: event.preventDefault(); 而在 IE 中,我们则需要写: event.returnVa