前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >Js反引号遍历数值

Js反引号遍历数值

作者头像
明知山
发布于 2020-09-03 02:42:33
发布于 2020-09-03 02:42:33
5K00
代码可运行
举报
文章被收录于专栏:前端开发随笔前端开发随笔
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div class="rol"> </div>
<script>
    var list = [
            { 'one': '一等奖', 'two': '111', 'three': '500' },
            { 'one': '二等奖', 'two': '222', 'three': '600' },
            { 'one': '三等奖', 'two': '333', 'three': '700' },
            { 'one': '一等奖', 'two': '111', 'three': '500' },
            { 'one': '二等奖', 'two': '222', 'three': '600' },
            { 'one': '三等奖', 'two': '333', 'three': '700' },
        ]

        var more = ''
        for (let i in list) {
            more += `<div class="award">
                        <div>${list[i].one}</div>
                        <div>${list[i].two}</div>
                        <div>${list[i].three}</div>
                     </div>`
        }

        $('.rol').append(more)
  </script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/10/14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
李兴华Java核心技术讲解--类集框架笔记
3.1、认识类集(理解) 如果现在要想保存多个对象,肯定使用对象数组完成,但是对象数组本身有一个最大的问题在于其数据的长度,所以后来使用了链表完成了动态对象数组的开发,可是链表的开发难度实在是很大,而且如果一个链表要想真正去使用,只依靠之前所编写的还不够,还需要进行一些代码的调优。 而在JDK 1.2之后正式引入了类集的概念,类集是一种动态的对象数组,属于各个数据结构的实现类,在整个类集之中主要的组成是一些核心的操作接口:Collection、List、Set、Map、Iterator、Enumeration。 3.2、单值保存的最大父接口:Collection(重点) 所谓的单值保存指的是每一次操作只会保存一个对象,就好像之前的链表程序一样,每一次只保存了一个对象,在Collection接口之中定义了如下的一些操作方法。 No. 方法名称 类型 描述 1 public boolean add(E e) 普通 数据增加 2 public void clear() 普通 清除数据 3 public boolean contains(Object o) 普通 查找数据是否存在 4 public boolean isEmpty() 普通 判断是否为空集合 5 public Iterator iterator() 普通 为Iterator接口实例化 6 public boolean remove(Object o) 普通 删除数据 7 public int size() 普通 取得集合的个数 8 public Object[] toArray() 普通 将集合变为对象数组 在Collection接口之中一共定义了15个方法,在所有的方法之中,只有两个方法最为常用:add()、iterator()。不过从开发上讲,很少会去直接使用Collection,都会使用Collection的两个子接口:List、Set。 3.3、允许重复的子接口:List(重点,80%) List是Collection的一个最为常用的子接口,首先这个接口的定义如下: public interface List extends Collection 但是List接口对Collection接口进行了大量的扩充,但是扩充之后的主要方法: No. 方法名称 类型 描述 1 public E get(int index) 普通 取得指定索引位置上的数据 2 public E set(int index, E element) 普通 修改指定索引位置上的数据 3 public ListIterator listIterator() 普通 为ListIterator接口实例化 但是以上的三个方法,只是针对于List接口起作用,而List接口有两个常用子类:ArrayList、Vector。 3.3.1、新的子类:ArrayList,95% ArrayList是List子接口使用最多的一个子类,而这个类的定义如下: public class ArrayList extends AbstractList implements List, RandomAccess, Cloneable, Serializable 按照面向对象的概念来讲,现在使用ArrayList主要的目的是为List接口实例化,所有的操作方法都以List接口为主。 范例:使用ArrayList进行List接口的功能验证 package cn.mldn.demo; import java.util.ArrayList; import java.util.List; public class TestDemo { public static void main(String[] args) throws Exception { List all = new ArrayList() ; all.add(“Hello”) ; all.add(“Hello”) ; // 内容重复了 all.add(“World”) ; for (int x = 0; x < all.size(); x++) { String str = all.get(x) ; // get()方法只有List接口有 System.out.print(str + “、”); } } } 在使用代码的时候可以发现,List集合之中即使存在了重复数据,也可以正常的保存,而且数据保存的顺序就是存入数据的顺序。 范例:使用List集合修改之前的程序 package cn.mldn.demo; import java.util.ArrayList; import java.util.List; interfac
葆宁
2019/04/18
6290
面向对象的三大特征-继承
继承是面向对象的核心特性,是面向对象的学习重点。同时继承是代码复用的重要方式,可以表示类与类之间的关系,是所有面向对象语言不可缺少的组成部分。
星哥玩云
2022/09/08
5180
面向对象的三大特征-继承
java集合框架(hashSet自定义元素是否相同,重写hashCode和equals方法)
/*HashSet 基本操作 * --set:元素是无序的,存入和取出顺序不一致,元素不可以重复 * (通过哈希值来判断是否是同一个对象) * ----HashSet:底层数据结构是哈希表, * 保证数据唯一性的方法是调用存入元素的hashCode()方法 * 和equals(Object obj)方法 * HashCode值相同,才会调用equals方法 * * */
用户3030674
2018/09/14
8110
集合-续
因此在添加自定义对象想达到想要的去重效果就要重写HashCode()与equals()方法
木瓜煲鸡脚
2019/07/22
2760
集合-续
Java集合框架Collections
1.基本介绍: 集合就是存放对象的,他比数组好的一点就是他一开始不清楚自己长度 容器一般是分为很多种的,很多的容器在一起然后进过断的抽象和抽取就成了一个体系,我们称之为集合框架 我们看体系首先是看顶层的容器,他是底层的容器都有的特性,然后在逐步求精 最顶层的我们称之为collection 在util包中的 在collection中分为两个比较常用的子接口分别是list和set。 list是类似于数组的那种,也就是集合元素可重复,有序有脚标。 set则为无序的,所以集合元素不可重复,不可脚标查找 以下是
lwen
2018/04/17
6600
JavaSE(八)集合之List
前面一篇的corejava讲的是集合的概述,这一篇我将详细的和大家讲解一下Collection下面的List、set、queue这三个子接口。希望大家能得到提升。 一、List接口 1.1、List接口概述   List类型集合特点:集合中的元素有序且可重复,有下标 。     注:有序指的是元素放到集合中的顺序和循环遍历出来的顺序一致   List接口常见的实现类有:ArrayList、LinkedList、Vector等     对于数据的随机访问,ArrayList效率优于LinkedList,因为L
用户1195962
2018/01/18
7150
JavaSE(八)集合之List
java集合之List、Set
默认情况下:扩容为原来的 1.5 倍,同时需要将原有的数组中的数据复制到新的数组中。 结论:建议开发中使用带参的构造器:ArrayList list = new ArrayList(int capacity)
OY
2022/02/21
2730
java集合之List、Set
Java内功心法,Set集合的详解 ​
Set:注重独一无二的性质,该体系集合可以知道某物是否已近存在于集合中,不会存储重复的元素
李红
2019/09/19
5050
Java内功心法,Set集合的详解 ​
java基础学习_面向对象(下)02_day09总结
============================================================================= ============================================================================= 涉及的知识点有:   1:final关键字(掌握)   2:多态(掌握)   3:抽象类(掌握)   4:接口(掌握) ============================================================================= ============================================================================= 1:final关键字(掌握) (0)由于继承中方法有一个现象:方法重写。     所以,父类的功能,就会被子类给覆盖掉。     有些时候,我们不想让子类去覆盖掉父类的功能,只能调用但不能去覆盖修改。     这个时候,针对这种情况,Java就提供了一个关键字:final。 ---------------------------------------  (1)final是最终的意思,常见的final可以修饰类、方法、变量。 (2)fianl的特点: A:final修饰的类,不能被继承。 编译报错:无法从最终Fu进行继承 应用:最底层的那个类可以用final修饰,这样该类就不能有儿子了。(即绝育) B:final修饰的方法,不能被重写(覆盖/复写)。 编译报错:Zi中的show()无法覆盖Fu中的show() C:final修饰的变量,是一个常量,只能被赋值一次。 编译报错:无法为最终变量num2分配值
黑泽君
2018/10/11
4530
Java 实践
/** *宠物就是一个标准,包含多类宠物 *定义宠物标准接口Pet *定义Cat和Dog两个Pet接口的子类 *使用链表结构动态存储宠物信息 *定义商店类(工厂类),负责宠物的上架(链表添加)、下架(链表删除)、查找(模糊查找) * *所有数据类型均为 接口————Pet * * */ class Link { //链表类(外部可调用) class Node { //节点类,定义该内部类,只可服务于Link类
Mirror王宇阳
2020/11/10
3960
Java集合框架详述之(Collection,List,Set)
注:Collection在使用泛型之前,可存放Object的所有子类,在使用泛型之后,只能存某个具体的类型。
百思不得小赵
2022/12/01
6140
Java集合框架详述之(Collection,List,Set)
Java——类集框架:Set集合接口的详解及应用举例
Set也是Collection的子接口,主要特点是保存的数据不允许出现重复。但Set子接口并不像List子接口那样,针对Collection接口进行扩展,而是完整按照Collection接口标准实现了继承,所以没有get方法。
Winter_world
2020/09/25
4470
Java——类集框架:Set集合接口的详解及应用举例
HashSet存储元素保证唯一性的代码及图解
需求:存储自定义对象,并保证元素的唯一性 要求:如果两个对象的成员变量值都相同,则为同一个元素。 示例代码如下: 1 package cn.itcast_02; 2 3 /** 4
黑泽君
2018/10/12
4840
通过宠物商店理解java面向对象
前言:本篇博客,适合刚刚学完java基础语法的但是,对于面向对象,理解不够深刻的读者,本文通过经典的宠物商店,来让读者深刻的理解,面向对象,IS-A,HAS-A法则。本文不仅仅是简单的用java来模拟一个宠物商店,而是通过分析宠物商店的业务,来让大家理解,最简单的业务逻辑,即商店,商品,用户,这三者的逻辑,这个代码同样可以适用于,图书管理系统,书店管理系统,宿舍管理系统等等的入门理解。
GeekLiHua
2025/01/21
410
通过宠物商店理解java面向对象
Java集合框架
一、集合: 集合是Java API所提供的一系列类的实例,可以用于动态存放多个对象 为什么要使用集合?数组的长度是固定的,存满了就不能存了。集合可以存储不同类型的对象,而且它的容量可以随着对象数量的增加,自动扩大。 ----------------------------------------------------------------------------------------------------------------------------------- 二、List集合 List:存储
听着music睡
2018/05/18
1.9K0
Java集合分类以及各自特点
常用的就是ArrayList,LinkedList,HashSet,LinkedHashSet,TreeSet,HashMap,LinkedHashMap,TreeMap; 数组和集合的区别 区别1: 数组可以存储基本数据类型/引用数据类型 基本数据类型存的是值 引用数据类型存的是地址 数组在创建的时候 就会定义存储的数据类型 也就是只能存储一种数据类型 集合只能存储引用数据类型(对象) 集合中也可以存储基本数据类型(装箱)最终存储的还是 Object 如果没有泛型限定 默认存储的都是 Object类型的数据 也就是任意类型 区别2 数组长度是固定的,不能自动增长 集合是长度可变的,根据元素的多少来决定长度
全栈程序员站长
2022/09/01
5180
Set容器--HashSet集合
Set容器特点: ①   Set容器是一个不包含重复元素的Collection,并且最多包含一个null元素,它和List容器相反,Set容器不能保证其元素的顺序; ②   最常用的两个Set接口的实现类是HashSet和TreeSet; 1 HashSet<String> data=new HashSet<String>(); 2 data.add("张三"); 3 data.add("李四"); 4 data.add("jay"); 5
赵小忠
2018/01/24
5670
java之学习去除ArrayList中重复自定义对象元素
结果示意图: 前言: 很多时候或者很多项目中都会遇到集合中重复的部分,如何去除这些重复的部分呢?接下来小编就用创建新集合的方式去除集合中重复的部分。 原理: 原理就是创建新的集合 把旧的集合复制到新的
吾爱乐享
2018/07/12
1.7K0
理解多态知识--Java
什么是多态? 多态(polymorphism)就是多种形态,简单来说就是做同一件事情,不同的对象做就会有不一样的结果/状态 或者说就是一个引用调用同一个方法,表示出不一样的行为就叫做多态 多态的实现条件 1、完成向上转型 2、实现方法的重写 3、通过引用调用重写 向上转型 向上转型就是将子类赋值给父类 class Animal{ private String name; private int age; public Animal(String name, in
用户9996207
2023/01/13
2380
关于Set集合去重[通俗易懂]
从中可以看出HashSet中是有去重功能的,那我们来试试自定义对象,看看能不能去重。
全栈程序员站长
2022/06/26
5610
关于Set集合去重[通俗易懂]
相关推荐
李兴华Java核心技术讲解--类集框架笔记
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验