首页 > 其他分享 >JS根据json数组多个字段排序及json数组常用操作

JS根据json数组多个字段排序及json数组常用操作

时间:2024-07-08 09:19:03浏览次数:8  
标签:name 16 age rev JS persons json 数组

本文转载自:https://www.jb51.net/article/162623.htm

 

js 根据json数组多个字段排序的实现代码如下所示:

 1 /**数组根据数组对象中的某个属性值进行排序的方法 
 2   * 使用例子:newArray.sort(sortByArr(['number'],false)) //表示根据number属性降序排列;若第二个参数不传递,默认表示升序排序
 3   * @param attr 排序的属性 ['name','sex'...],根据一个字段或者多个字段排序
 4   * @param rev true表示升序排列,false降序排序
 5   * */
 6  
 7 function sortByArr(arr, rev) {
 8  if (rev == undefined) {
 9  rev = 1;
10  } else {
11  rev = (rev) ? 1 : -1;
12  }
13  return function(a, b) {
14  for (var i = 0; i < arr.length; i++) {
15  let attr = arr[i]
16  if (a[attr] != b[attr]) {
17  if (a[attr] > b[attr]) {
18  return rev * 1;
19  } else {
20  return rev * -1;
21  }
22  }
23  }
24 }
25 }

PS:Js 中对 Json 数组的常用操作

我们首先定义一个json数组对象如下:

1 var persons = [
2   {name: "tina", age: 14},
3   {name: "timo", age: 15},
4   {name: "lily", age: 16},
5   {name: "lucy", age: 16}
6 ]

一. 根据对象属性值得到相应对象

 1 //1. 获取 name 等于 lily 的对象
 2 var lily = persons.filter((p) => {
 3   return p.name == "lily";
 4 });
 5 console.log(lily); //打印结果 [{name: "lily", age: 16}]
 6 //注:filter()方法返回的是一个数组
 7 var twins = persons.filter((p) => {
 8   return p.age == 16;
 9 });
10 console.log(twins); //打印结果 [{name: "lily", age: 16},{name: "lucy", age: 16}]

二. 删除其中一个对象

 1 //删除 name 等于 tina 的对象,利用splice()方法
 2 //1. 首先我们要得到这个对象
 3 var tina = persons.filter((p) => {
 4   return p.name == "tina";
 5 });
 6 //2. 其次得到这个对象在数组中对应的索引
 7 var index = persons.indexOf(tina[0]);
 8 //3. 如果存在则将其删除,index > -1 代表存在
 9 index > -1 && persons.splice(index, 1);
10 console.log(persons);
11 //打印结果 [{name: "timo", age: 15}, {name: "lily", age: 16}, {name: "lucy", age: 16}]

三. 修改其中一个对象的属性值

1 //将 name 等于 timo 的 age 修改为 20
2 //1. 得到 timo 对象
3 var timo = persons.filter((p) => {
4   return p.name == "timo";
5 });
6 //2. 修改age
7 timo[0].age = 20;

四. 往数组中添加一个对象

1 //这个最简单了
2 persons.push({name: "similar", age: 18});

——注: 以上的所有操作都会对原数组产生直接影响。

 

标签:name,16,age,rev,JS,persons,json,数组
From: https://www.cnblogs.com/zhncnblogs/p/18289298

相关文章

  • 前端JS特效第19集:HTML5鼠标跟随星星光标特效
    HTML5鼠标跟随星星光标特效,先来看看效果:部分核心的代码如下(全部代码在文章末尾):<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml">......
  • 前端JS特效第20集:HTML5图片瀑布流带筛选功能代码
    HTML5图片瀑布流带筛选功能代码,先来看看效果:部分核心的代码如下(全部代码在文章末尾):<!DOCTYPEhtml><htmllang="en"class="no-js"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,init......
  • 前端JS特效第21集:HTML5响应式多种切换效果轮播大图切换js特效代码
    HTML5响应式多种切换效果轮播大图切换js特效代码,先来看看效果:部分核心的代码如下(全部代码在文章末尾):<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999......
  • 前端JS特效第22集:html5音乐旋律自定义交互特效
    html5音乐旋律自定义交互特效,先来看看效果:部分核心的代码如下(全部代码在文章末尾):<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>ChimeTime™</title><linkrel="stylesheet"href="css/style.css......
  • Node.js_fs模块
     文件删除  文件重命名和移动(本质都是修改路径)文件夹操作 创建文件夹(mkdir)  读取文件夹(readdir)(打印出来是该文件夹下名称的数组形式)读取当前的文件夹(readdir) 删除文件夹(rmdir) 查看资源状态   相对路径问题bug:相对路径参照的不是......
  • 04-JS中的面向对象ES5
    01JS对象中key的类型02创建对象的方法03对象的常见操作3.1访问对象的属性<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><m......
  • 【Three.js 分子/晶体结构解析教程】
    Three.js分子/晶体结构解析教程环境准备最终效果思路解析1、基本配置2、解析结构3、进行解析1)原子部分2)连健部分3)晶格部分4)绘制位置调整5)绘制环境准备目前使用的Three.js版本是0.165.0npmithree最终效果结构化学式Al4As14思路解析绘制分子/晶体结构首先......
  • Java入门基础-数组
    Java入门基础-04数组本章知识点总结于黑马程序员的视频课程:《Java入门基础课程》,是对上课做的笔记Java入门基础课程视频地址上一章:Java入门基础-03程序流程控制目录Java入门基础-04数组@[TOC](目录)一、认识数组二、数组的定义和访问1.静态初始化数组数组的访问数组......
  • JSP静态Webshell编码
    #0x00 背景介绍JSP静态Webshell分析,包括unicode、html、cdata、特殊字体编码等,相互结合以达到欺骗效果。#0x01unicode编码JSP中可以解析unicode编码,通过contentType字段定义。原始一句话如下:Stringcmd=request.getParameter("cmd");Processprocess=Runtime.getRu......
  • Go语言--复合类型之指针与数组
    分类指针指针是一个代表着某个内存地址的值。这个内存地址往往是在内存中存储的另一个变量的值的起始位置。Go语言对指针的支持介于Java语言和C/C++语言之间,它既没有想Java语言那样取消了代码对指针的直接操作的能力,也避免了C/C++语言中由于对指针的滥用而造成......