4.1、Array数组常用的方法(map、push、sort、filter、join、split)

简介: 4.1、Array数组常用的方法(map、push、sort、filter、join、split)

1、map方法遍历数组

    var list = ['a', 'b', 'c', 'd'];
    // 1、map遍历数组
    list.map(function (value, index) {
      console.log('第' + (index+1) + '个值为:' + value);
    })


2、push方法在数组结尾追加元素

    var list = ['a', 'b', 'c', 'd'];
    // 2、push在数组结尾追加元素
    list.push('e', 'f');
    list.map(function (value, index) {
      console.log('第' + (index + 1) + '个值为:' + value);
    })

3、sort方法排序数组(按第一个数字排序,并不能排大小)

    // 3、sort排序数组(按第一个数字排序,并不能排大小)
    list = [7, 1, 5, 3, 21, 32, 6];
    list.sort();
    console.log(list);
    // 输出结果:[1,21,3,32,5,6,7]

4、filter方法过滤数组元素

    // 4、filter过滤数组元素
    var newList = list.filter(function (item) {
      if (item >= 3) {
        return item;
      }
    })
    console.log(newList);


5、join方法把数组变成字符串

    // 5、join方法把数组变成字符串
    var list = ['a', 'b', 'c', 'd'];
    var str = list.join(',');
    console.log(str);   // 输出结果:a,b,c,d
    var str = list.join('-');
    console.log(str);   // 输出结果:a-b-c-d


6、split方法把字符串变成数组

    // 6、split把字符串变成数组
    var str = 'apple';
    var list = str.split('');
    console.log(list);    // 输出结果:['a', 'p', 'p', 'l', 'e']
    var str = '2022-1-1';
    var list = str.split('-');
    console.log(list);    // 输出结果:["2022","1","1"]

7、filter方法查找组合数组

    // 7、方法组合数组查找(filter)
    var list = [
      { name: 'jasmine', sex: 'female' },
      { name: 'qiqi', sex: 'male' },
      { name: 'jasmine_qiqi', sex: 'female' }
    ];
    var newList = list.filter(function (item) {
      if (item.sex === 'female') {
        return item;
      }
    })
    console.log(newList);

8、for方法查找组合数组

    // 8、方法组合数组查找(for)
    var list = [
      { name: 'jasmine', sex: 'female' },
      { name: 'qiqi', sex: 'male' },
      { name: 'jasmine_qiqi', sex: 'female' }
    ];
    ar newList = [];
    for (var i = 0; i < list.length; i++) {
      if (list[i].sex === 'male') {
        newList.push(list[i]);
      }
    }
    console.log(newList);

9、map方法查找数组最大值

    // 9、map查找数组最大值
    var list = [32, 43, 4, 3, 3, 43, 6, 76, 87, 86, 65];
    var max = list[0];
    var temp = 0;
    list.map(function (value, index) {
      if (value > max) {
        max = value;
        temp = index;
      }
    })
    console.log('数组中第' + (temp + 1) + '个值最大为:' + max);


相关文章
|
8月前
|
存储 JavaScript Java
(Python基础)新时代语言!一起学习Python吧!(四):dict字典和set类型;切片类型、列表生成式;map和reduce迭代器;filter过滤函数、sorted排序函数;lambda函数
dict字典 Python内置了字典:dict的支持,dict全称dictionary,在其他语言中也称为map,使用键-值(key-value)存储,具有极快的查找速度。 我们可以通过声明JS对象一样的方式声明dict
462 2
ES5常见的数组方法:forEach ,map ,filter ,some ,every ,reduce (除了forEach,其他都有回调,都有return)
ES5常见的数组方法:forEach ,map ,filter ,some ,every ,reduce (除了forEach,其他都有回调,都有return)
616 154
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 前端开发 Java
深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
Array.find() 是 JavaScript 数组方法中一个非常实用和强大的工具。它不仅提供了简洁的查找操作,还具有性能上的独特优势:返回的引用能够直接影响原数组的数据内容,使得数据更新更加高效。通过各种场景的展示,我们可以看到 Array.find() 在更新、条件查找和嵌套结构查找等场景中的广泛应用。 在实际开发中,掌握 Array.find() 的特性和使用技巧,可以让代码更加简洁高效,特别是在需要直接修改原数据内容的情形。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 前端开发 开发者
|
JavaScript 前端开发
JavaScript 中 五种迭代数组的方法 every some map filter forEach
本文介绍了JavaScript中五种常用数组迭代方法:every、some、filter、map和forEach,并通过示例代码展示了它们的基本用法和区别。
|
11月前
|
测试技术 PHP 开发者
PHP 数组查找:为什么 `isset()` 比 `in_array()` 快得多?
PHP 数组查找:为什么 `isset()` 比 `in_array()` 快得多?
|
人工智能 Java
Java 中数组Array和列表List的转换
本文介绍了数组与列表之间的相互转换方法,主要包括三部分:1)使用`Collections.addAll()`方法将数组转为列表,适用于引用类型,效率较高;2)通过`new ArrayList&lt;&gt;()`构造器结合`Arrays.asList()`实现类似功能;3)利用JDK8的`Stream`流式计算,支持基本数据类型数组的转换。此外,还详细讲解了列表转数组的方法,如借助`Stream`实现不同类型数组间的转换,并附带代码示例与执行结果,帮助读者深入理解两种数据结构的互转技巧。
1024 1
Java 中数组Array和列表List的转换

热门文章

最新文章

  • 1
    PHP 数组查找:为什么 `isset()` 比 `in_array()` 快得多?
    288
  • 2
    Java 中数组Array和列表List的转换
    1024
  • 3
    JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
    735
  • 4
    通过array.reduce()实现数据汇总、条件筛选和映射、对象属性的扁平化、转换数据格式、聚合统计、处理树结构数据和性能优化,reduce()的使用详解(附实际应用代码)
    1565
  • 5
    通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
    682
  • 6
    通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
    481
  • 7
    多维数组操作,不要再用遍历循环foreach了!来试试数组展平的小妙招!array.flat()用法与array.flatMap() 用法及二者差异详解
    324
  • 8
    别再用双层遍历循环来做新旧数组对比,寻找新增元素了!使用array.includes和Set来提升代码可读性
    322
  • 9
    Array.forEach实战详解:简化循环与增强代码可读性;Array.forEach怎么用;面对大量数据时怎么提高Array.forEach的性能
    200
  • 10
    深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
    778