首页 > 其他分享 >Jquery 将 JSON 列表的 某个属性值,添加到数组中

Jquery 将 JSON 列表的 某个属性值,添加到数组中

时间:2023-09-14 17:35:54浏览次数:54  
标签:Jquery name 列表 JSON 数组 array 属性

jquery 将 JSON 列表的 某个属性值,添加到数组中

如果你有一个JSON列表,并且想要将每个对象的某个属性值添加到数组中,你可以使用jQuery的$.each()函数来遍历JSON列表,并获取所需的属性值。以下是一个示例代码:

var jsonList = [  
    { "name": "John", "age": 30, "city": "New York" },  
    { "name": "Jane", "age": 25, "city": "Los Angeles" },  
    { "name": "Bob", "age": 40, "city": "Chicago" }  
];  
  
var array = [];  
  
$.each(jsonList, function(index, item) {  
    array.push(item.name); // 将每个对象的"name"属性值添加到数组中  
});  
  
console.log(array); // ["John", "Jane", "Bob"]

在这个示例中,我们有一个名为jsonList的JSON列表,包含了几个对象。我们使用$.each()函数遍历这个列表,并通过item.name获取每个对象的"name"属性值,然后将其添加到array数组中。最后,我们打印出数组来验证结果。

Jquery 判断一个值,在不在数组中

在jQuery中,可以使用$.inArray()函数来判断一个值是否存在于数组中。该函数返回指定值在数组中的索引,如果值不存在于数组中,则返回-1。

以下是使用$.inArray()函数来判断一个值是否存在于数组中的示例代码:

var array = ["John", "Jane", "Bob"];  
var value = "Jane";  
  
if ($.inArray(value, array) !== -1) {  
    console.log(value + ' 存在于数组中');  
} else {  
    console.log(value + ' 不存在于数组中');  
}

在上面的示例中,我们创建了一个名为array的数组,并指定要搜索的值为3。然后,我们使用$.inArray()函数来查找值3在数组中的索引。如果返回值不等于-1,则说明值存在于数组中,输出相应的消息。否则,值不存在于数组中,输出另一条消息。

标签:Jquery,name,列表,JSON,数组,array,属性
From: https://www.cnblogs.com/vipsoft/p/17702954.html

相关文章

  • vue3 elementplus 列表中添加排序功能,移动的时候修改背景色
    <el-tablesize="medium":border="true":data="branchTableData":row-style="changeColor":stripe=falsestyle="width:100%;">......
  • requests中post参数data和json区别:
    HTTP协议规定将一个完整的HTTP请求分为三个部分:请求头、请求行、请求体 大概框架如下: <method><request-URL><version> <headers> <body> POSThttp://httpbin.orgHTTP/1.1 Content-Type:application/x-www-form-urlencoded;charset=utf-8 a_test=112233&b_test=223......
  • jquery框架学习(keep update)
    1.jquery在日常的开发中,是较为常用的一种技术,所以今天也不算较为系统详细的学习吧。2.主要是对jquery当中,许多常用的方法进行学习和总结吧3.jquery当中主要的特点就是:选择器,js当中呢,主要就是dom树结构。4.下面就不多说了,开始我们jquery当中方法的学习。1.①......
  • @JsonSerialize @JsonDeserialize @JsonFormat 三个注解的区别及一般用法
    三个注解区别@JsonSerialize:该注解用于指定在将Java对象序列化为JSON字符串时使用的序列化器。可以将其应用于字段、方法或类级别。通过@JsonSerialize注解,可以自定义序列化过程,例如将日期格式化为特定的字符串、将枚举类型序列化为其名称而不是值等。@JsonDeserialize:该注解用......
  • nodeJS读取JSON文件导出word文档
    前言最近遇到一个需求,将JSON文件的内容,导出到word文档,利用nodeJs和Officegen实现了文件导出的功能exportAWord.js代码如下/***读取指定文件夹下的JSON文件,导出为word*一个json文件为一个word,以json文件的名称为word文件的名称*/letfs=require("fs");letpath=......
  • netcore请求json斜杠带空格导致请求报错
    我用netcore发布了一个webapi接口,个别电脑,同样的浏览器(谷歌),swagger调用接口的时候,它的json体会加空格,然后请求就会报错。这是控制器里的方法下图是请求输入: 下图是加了空格的请求内容,如红色框所示,带了空格 下图是报错的内容下图是正常请求的内容,可以返回想要的结果......
  • jquery rem 适配移动端各机型
    //初始化调用  $(document).ready(function(){  wind() }); //视口发生变化实时调用   $(window).resize(function(){  wind() }) functionwind(){  varviewportWidth=$(window).width();  varbaseFontSize=viewportWidth/......
  • Redis7 10大数据类型(Redis列表)
    一、常用二、单key多value三、简单说明一个双端链表的结构,容量是2的32次方减1个元素,大概40多亿,主要功能有push/pop等,一般用在栈、队列、消息队列等场景。left、right都可以插入添加;如果键不存在,创建新的链表;如果键已存在,新增内容;如果值全移除,对应的键也就消失了。它的底层实......
  • 谷歌浏览器json格式化插件安装
    在前端开发中,经常需要处理json格式数据,方便查看和调试。而chrome浏览器提供了很多插件来帮助我们更方便地处理json数据,今天我们就来介绍一款非常方便的json格式化插件——JSONFormatter。插件安装该插件可以在ChromeWebStore中直接下载和安装,也可以通过浏览器插件商店进行安装。......
  • Jmeter BeanShell, 读取HTTP请求返回的JSON,并将其存到文件中
    1、创建BeanShellSampler将fastjson-1.2.30.jar放到Jmeter安装目录\lib下 importjava.io.*;importcom.alibaba.fastjson.JSONObject;importjava.io.IOException;importjava.io.File;importjava.io.FileOutputStream;importjava.io.FileWriter;privatestat......