JavaScript数组

简介: JavaScript数组

正文


  1. 筛选满足条件的项

var arr = [1, 6, 9, 3, 6, 56, 7, 36];
arr.filter((item) => { return item > 6 && item < 32 });  // 输出 [9, 7]


  1. 去掉空字符、空格字符串、null、undefined

var arr = ['A', '', 'B', null, undefined, 'C', ' '];
var r = arr.filter(item => {
 return item && item.trim();  // 注:IE9(不包含IE9)以下的版本没有trim()方法
});
console.log(r); // 输出 ['A', 'B', 'C']


  1. 排序(按对象属性排序)

var fruit = [
  {id: 3, type: '苹果'},
  {id: 7, type: '草莓'},
  {id: 2, type: '梨子'},
  {id: 6, type: '凤梨'},
]
function sortById(item1, item2) {
  // 升序,如降序,反过来即可
  return item1.id - item2.id
}
console.log(fruit.sort(sortById));  
// 输出 [{id: 2, type: '梨子'}, {id: 3, type: '苹果'},{id: 6, type: '凤梨'},{id: 7, type: '草莓'}]
// array.sort() 方法是在原数组的基础上重新排序,不会生成副本。


  1. 数组去重

let arr = [1, 6, 9, 3, 6, 56, 9, 36]
let newArr = arr.reduce((pre, cur) => {
    if (!pre.includes(cur)) {
        return pre.concat(cur)
    } else {
        return pre
    }
}, [])
console.log(newArr)  // [1, 6, 9, 3, 56, 36]


目录
相关文章
|
1月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
26 2
|
1月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
24 3
|
1月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
36 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
33 1
|
1月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
24 5
|
1月前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
18 3
|
1月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
42 1
|
1月前
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
18 0
|
1月前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
27 3
|
1月前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
18 0