首页 > 其他分享 >JS 对象与数组互相嵌套的复杂例子

JS 对象与数组互相嵌套的复杂例子

时间:2024-08-15 17:16:49浏览次数:8  
标签:name models cars JS 嵌套 let 数组 myObj

JS写法如下:

 const myObj = {
        name: "John",
        age: 30,
        cars: [
            { name: "Ford", models: ["Fiesta", "Focus", "Mustang"] },
            { name: "BMW", models: ["320", "X3", "X5"] },
            { name: "Fiat", models: ["500", "Panda"] }
        ]
    }

    //官方例子写法
    let x = "";
    for (let i in myObj.cars) {
        x += "<h1>" + myObj.cars[i].name + "</h1>";
        for (let j in myObj.cars[i].models) {
            x += myObj.cars[i].models[j] + "<br>";
        }
    }
    document.getElementById("demo").innerHTML = x;

    //存疑写法,如果只想models里的数值一次性输出,是不是可以少写一次循环?
    let y = "";
    for (let i in myObj.cars) {
        y += "<h1>" + myObj.cars[i].name + "</h1>";
        y += myObj.cars[i].models + "<br>";
    }
    
    document.getElementById("demo2").innerHTML = y;

1. 官方例子测试结果如下:

 2. 存疑例子测试如下:

 

标签:name,models,cars,JS,嵌套,let,数组,myObj
From: https://www.cnblogs.com/keeplearningandsharing/p/18361386

相关文章

  • 【2-sat】P4171 [JSOI2010] 满汉全席
    P4171[JSOI2010]满汉全席-洛谷大意:n个点m个条件形如m1,h32,满足n个条件思路:2-sat让m=0,h=1,然后转换为imjh的建图,注意傻逼题目的数字可能是多位数不能直接x[1]-'0'#include<cstdio>#include<stack>#include<iostream>#include<cstring>#include<cma......
  • 在nginx的访问日志中输出响应时间(json格式)
    log_formatjsonescape=json'{''"time":"$time_iso8601",''"host":"$remote_addr",''"method......
  • JS 中有类?class 语法糖有哪些基本用法?
    前言JS中有类?我们都知道JavaScript是基于原型的语言,并没有内置的类概念。但从ES6开始,JavaScript引入了 class 关键字作为语法糖,它提供了一种更简洁、更类似于传统面向对象编程的语法来创建对象。class 关键字在语法上类似于许多其他基于类的语言,如Java或C++,但Ja......
  • JavaScript实现数组与树结构的相互转换
    1、将树结构数据转换为数组(按照树结构自上而下的顺序转换)树结构:树结构数据样例:代码转换://将树结构数据转换为数组treeNodes为树结构形式的数据functiontreeToArray(treeNodes){letresult=[];//递归函数traverse,用于处理单个节点functiontraverse(node......
  • 点击识别按钮调用后端接口,中途按下结束识别,但是识别还是进行啦js
    在JavaScript中,如果你想要在点击按钮后调用一个接口,并且在这个过程中按下一个按钮来中断或取消这个请求,你可以使用fetchAPI来发起请求,并使用AbortController来取消这个请求。以下是一个简单的例子://获取按钮元素conststartButton=document.getElementById('startButton');......
  • windows-g下载js库使用时报错:无法加载文件 D:\code\node\node_global\create-reac
    无法加载文件D:\code\node\node_global\create-react-app.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅https:/go.microsoft.com/fwlink/?LinkID=135170中的about_Execution_Policies。当我们在windows上-g(全局)安装一个js库时,执行会报这个错误,然后我们看......
  • Flutter项目移动端SQLite升级指南:解决json_extract函数缺失问题
    引言在Flutter移动端项目中依赖于SQLite的高级功能(如json_extract),在低版本的Android系统上部署时,可能会遇到函数不支持的问题。本文将指导你如何通过升级项目中使用的SQLite版本来解决这一问题。前置条件Flutter项目使用sqflite:^2.3.3+1进行SQLite数据库操作。IMBoyA......
  • js异步之Promise使用
    Promise是异步编程的一种解决方案,是一个对象,可以获取异步操作的消息,大大改善了异步编程的困难,避免了回调地狱,比传统的解决方案回调函数和事件更合理和更强大。从语法上讲,Promise是一个对象,它可以获取异步操作的消息。提供了一个统一的API,各种异步操作都可以用同样的方法进行处理......
  • Springmvc -- 使用`@RequestParam`接收数组类型参数
    在SpringMVC中,处理数组类型的请求参数是一个常见需求,尤其是在处理表单数据或查询参数时。SpringMVC提供了多种方式来接收数组类型的请求参数,包括使用@RequestParam注解、直接绑定到方法参数、以及使用@ModelAttribute注解。本文将深入探讨这些方式的用法、优缺点以及如何......
  • LeetCode每日一题----特殊数组二
    解析:1.int[]nums:一个整数数组。2.int[][]queries:一个二维整数数组,每个一维数组包含两个整数,表示查询的范围。该方法的主要功能是根据给定的nums数组和一系列查询queries,判断每个查询区间[queries[i][0],queries[i][1]]内的元素是否都具有相同的奇偶性。返回一个布......