如果长度 > 5 如何修剪数组

2024-01-06

如果长度 > 5 如何修剪数组

我的 JSON 是:

{
        "name": "aaa"
        "files": [
            {
                "name": "A",
                "link": "string.com"
            },
            {
                "name": "Q",
                "link": "string.com"
            },
            {
                "name": "M",
                "link": "string.com"
            },
            {
                "name": "New Filters Reports",
                "link": "string.com"
            },
            {
                "name": "U",
                "link": "string.com"
            }
        ],
        "titles": [
            "A",
            "B",
            "C",
            "D",
            "E",
            "F"
        ]
    }

我想检查“标题”长度是否大于 5,它应该修剪 5 之后的值,并且应该在屏幕上仅显示 5 个标题。


我想您想在逻辑中保留完整的数组,而只在 HTML 中修剪它。如果是这种情况,只需使用Array.prototype.slice() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice您要在其中显示修剪列表的位置。

I.e.

<div *ngFor="let i of arr.slice(0,5)">
  {{i}}
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果长度 > 5 如何修剪数组 的相关文章

随机推荐

  • 使用正则表达式验证和过滤电子邮件地址?

    使用 RegEx 和 Javascript 电子邮件字段验证禁止免费电子邮件服务电子邮件 例如 Gmail Yahoo Hotmail 的最佳方法是什么 aol com yahoo com hotmail com 我在这里看到了通用的 在
  • 如何循环遍历某些特定的子节点

    我有这个 DOM 树 li data br data img br span data span li 如何循环遍历位于 li 本身和 script 元素之间的上述 li 元素的子元素 即 script 和 span 元素不在循环中 提前致
  • Grails 资源插件和 AJAX 加载的 javascript

    我添加了资源 http grails org plugin resourcesGrails 1 3 7 应用程序中的插件 除了异步加载的 JavaScript 之外 一切正常 所以如果我有一个包含
  • 跨平台、跨语言的消息系统?

    我正在开发一组应用程序 它们协同工作以创建一个用于处理计量数据的系统 我希望将它们松散耦合有几个原因 并且系统应该可由第三方扩展 因此应用程序将通过消息传递连接在一起 我正在寻找一个消息系统 它提供 至少 C Java 和 Python 的
  • 在 Swift cocoa 应用程序中使用 Quick Look 来预览音频文件

    我的应用程序在 NSTableView 中列出音频文件 MP3 每行的对象都包含音频文件的路径 我希望在选择一行时按下空格键时能够使用 快速查看 如在 Finder 中 预览音频文件 通过查看相关问题和答案 我注意到该 API 似乎是私有的
  • 索引有重新记录吗?

    我手头没有具体的问题 但我在过去遇到过一些情况 我不小心炸毁了我的索引 并希望我可以返回给定文件的先前状态 该文件在某个时刻被索引 一些示例案例是 git add
  • 禁用单个 git 命令的钩子

    鉴于我需要在我的钩子脚本中使用 git 我希望我的钩子脚本本身不触发钩子 所以我想在每个命令的基础上跳过钩子 即我正在寻找如下选项 git no hooks some git command 您可以使用 git c core hooksPa
  • 面向对象编程中的抽象数据类型是什么?

    面向对象编程中的抽象数据类型是什么 我已经浏览过这个主题的维基百科 但我仍然不清楚 有人可以澄清一下吗 An 抽象类是一个概括的概念 它是您发明的类 仅用作继承的基类 但不能从中实例化对象 And 抽象数据类型 ADT https en w
  • 带 PDF 的 UIWebView

    我正在使用显示 PDF 文件UIWebView 我想做两件事 我想让页面适合手机屏幕 而用户无需双击即可做到这一点 我想删除显示的 PDF 周围带有灰色阴影的边距 感谢您的帮助 我认为这不会有太大帮助 但我认为最好的选择是将 PDF 渲染为
  • Laravel:它如何注册配置服务?

    Laravel 如何注册配置服务 处理Config立面和config 帮手 我在任何地方都找不到它config app php providers并且文件中没有提及其注册 所有配置方法 get set has 都位于Illuminate C
  • 将 XSSFWorkbook 写入 zip 文件

    我现在有这个问题 我想将此 XSSFWorkbook 工作簿 obj 中的 excel 文件写入 zip 文件 例如 example zip 同时包含此 example xlsx 文件 到远程服务器 我尝试过以下操作但不起作用 它创建了一个
  • 我可以获得 BSON 的更多解释吗?

    我试图理解BSON via http bsonspec org 规格 http bsonspec org specification 但仍然存在一些问题 让我们以上面网站中的一个例子为例 hello world x16 x00 x00 x0
  • 所需接口 vs 接口实现 vs <> 依赖

    正如标题所示 三者之间有什么区别 什么时候应该使用三者之一而不是其他两者 互联网上充满了他们的定义 但我找不到任何关于何时何地使用所需界面或 lt
  • 自动采购 vimrc 破坏了电力线

    我正在使用 gVim 运行 Windowsversion 7 3 46 32bit 我已经设置 Vim 在保存后自动获取我的 vimrc if has autocmd autocmd bufwritepost vimrc win sourc
  • settings.gradle 出现颤动位置错误

    我是颤振的新手 正在尝试构建一个跟踪位置应用程序 我的扑动版本是Flutter 1 18 0 7 0 pre 21 channel master https github com flutter flutter git and flutte
  • 如何签署以编程方式生成的 iOS 配置文件?

    Context 我有一个 web 应用程序 前端 JS 后端 PHP 它生成一些MDM iOS 配置文件 https developer apple com enterprise documentation Configuration Pr
  • 关于 iPhone 应用程序包对于 App Store 的合理大小的问题。存储内存!

    我计划将我的新应用程序提交到 App Store App包含大量图像资源 动画 超过40M App Store 对应用程序包大小有正式限制吗 我从来没有见过这样的情况 认为应该没问题 这样对吗 我的主要问题是 如果应用程序很大 可用性是否会
  • Vector 是一个过时的集合

    检查报告 java util Vector 或 java util hashtable 的任何使用 虽然仍然受支持 但这些类已被 JDK 1 2 Collection 类废弃 并且可能不应该在新的开发中使用 我有一个 Java 项目 它使用
  • 如何将缺失的行插入到该数据集中?

    我想做的是每当缺少一行时将记录插入到数据集中 如果您查看上面的数据集 它包含 3 列属性 然后是 2 个数值 第三列 TTF 是增量的 不应跳过任何值 在此示例中 缺少显示在底部的 2 行 因此 我希望我的代码执行的操作是将这两行插入到结果
  • 如果长度 > 5 如何修剪数组

    如果长度 gt 5 如何修剪数组 我的 JSON 是 name aaa files name A link string com name Q link string com name M link string com