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!" 】

相关文章
|
1月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
1月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
2月前
|
缓存 监控 前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
|
29天前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
124 52
|
1月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
|
1月前
|
缓存 JavaScript UED
js中BOM中的方法
【10月更文挑战第31天】
|
1月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
43 5
|
1月前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
26 1
|
1月前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
42 7
|
1月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。