js创建数组的方法

简介: js创建数组的方法
创建数组的方式有两种:new Array()、字面量创建数组
  1、new Array()创建数组
    var arr = new Array(1,2,3,4,4,5,5,6)
    var arr1 = new Array(10) // 当只添加一个元素时,会将该元素作为长度
  2、字面量创建数组
    var arr3 = []
    arr3[0] = '1'
    arr3[1] = '1'
    arr3[2] = '1'
    var arr4 = [1,2,3,4]
  3、数组的length属性
  4、数组的in操作符
  5、数组遍历:
    1、for
    2、forEach
    3、for..in
    4、map
  6、数组的方法
    join() // 将数组转换成字符串,参数是字符串的连接字符
    push()和pop()  // 数组尾部添加、删除
    shift()和unshif() // 数组头部删除及添加
    sort()和reverse() // 数组正序和倒叙
    concat() // 创建一个新数组,将参数添加到原数组的末尾并返回
    slice() // 返回从原数组中指定开始下标到结束下标之间的项组成的新数组
    splice() // 删除、插入和替换
    indexOf和lastIndexOf() // 查找数组中的某一项,找不到返回-1
    filter() // 检测数值元素,并返回符合条件所有元素的数组。
    find() // 返回符合传入测试(函数)条件的数组元素。
    forEach() // 数组遍历
    map() // 指“映射”,对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组
    filter() // “过滤”功能,数组中的每一项运行给定函数,返回满足过滤条件组成的数组
    every() // 判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回true
    some() // 判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true
  7、数组去重
    1、利用ES6 set方法去重
      function fetchData(arr) {
        return Array.form(new set(arr))
      }
      var arr = [1,2,3,3,12,5,6,7]
      console.log(fetchData(arr))
    2、使用indexOf去重
                    在使用split函数切割一个以空格为分隔符的字符串时,发现切出的长度和预期的长度不一致!!
复制代码
let str = “hellow world!” //注意hellow与world之前有两个空格 console.log(str.trim().split(" “)) console.log(str.trim().split(” “).length)

结果为【“hellow”,“ ”,“world!” 】

而我们希望的结果是hellow和world,长度为2

此时,应该用正则表达式来进行切割

let str = “hellow world!” //注意hellow与world之前有两个空格 console.log(str.trim().split(/\s+/)) console.log(str.trim().split(/\s+/).length)

结果为【“hellow”,“world!" 】

相关文章
|
10月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法详解
本指南详细介绍在Linux系统中安装和管理Node.js的步骤。首先检查现有环境,包括查看当前版本和清除旧版本;接着通过NodeSource仓库安装最新版Node.js并验证安装结果。推荐使用nvm(Node Version Manager)进行多版本管理,便于切换和设置默认版本。同时,提供常见问题解决方法,如权限错误处理和全局模块迁移方案,以及版本回滚操作,确保用户能够灵活应对不同需求。
1250 0
|
10月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法
Debian 11更新Node.js主要就是这三种方式,无论你是初涉其中的新手还是找寻挑战的专家,总有一种方式能满足你的需求。现在,你已经是这个
1281 80
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
592 1
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
1063 159
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
JS回收机制方法讲解
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
434 63
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~