当前位置: 首页 > news >正文

JS数组方法汇总

Array.from

//将可迭代对象或字符串转换为数组
console.log(Array.from('1234'));   //[ '1', '2', '3', '4' ]

Array.isArray

//判断是否是数组
Array.isArray(['1'])//true

Array.concat

//用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组
let arr = ['1','2','3']
let arr2 = ['4','5','6','7']
console.log(arr.concat(arr2)) //['1','2','3','4','5','6','7']

Array.copyWithin

// 改变原数组 copyWithin(target,start,end)
let arr = ['0','1','2','3']
console.log(arr.copyWithin(2,1)) //[ '0', '1', '1', '2' ]let arr = ['0','1','2','3']
console.log(arr.copyWithin(2,10)) //[ '0', '1', '2', '3' ]

Array.entries

//返回一个新的数组迭代器对象,该对象包含数组中每个索引的键/值对
let arr = ['0','1','2','3']
let arr2 = arr.entries()
console.log(arr2.next())  //{ value: [ 0, '0' ], done: false }
console.log(arr2.next()) //{ value: [ 1, '1' ], done: false }
console.log(arr2.next()) //{ value: [ 2, '2' ], done: false }
console.log(arr2.next()) //{ value: [ 3, '3' ], done: false }
console.log(arr2.next()) //{ value: undefined, done: true }

Array.every

//测试一个数组内的所有元素是否都能通过指定函数的测试。返回布尔值
let arr = ['0','1','2','3']
let arr2 = arr.every((v)=>{return v < 4
})
console.log(arr2);  //true

Array.fill

//用一个固定值填充一个数组中从起始索引(默认为 0)到终止索引(默认为 array.length)内的全部元素。它返回修改后的数组
let arr = ['0','1','2','3']
console.log(arr.fill('4')); //[ '4', '4', '4', '4' ]let arr = ['0','1','2','3']
console.log(arr.fill('4',1)); //[ '0', '4', '4', '4' ] 从下标1开始填充let arr = ['0','1','2','3']
console.log(arr.fill('4',1,3)); //[ '0', '4', '4', '3' ] 下标1到下标3填充

Array.filter

//过滤
let arr = ['0','1','2','3']
let arr2 = arr.filter(v=>{return v!=='1'
})
console.log(arr2); //[ '0', '2', '3' ]

Array.find

let arr = ['a','b','c','d']
let arr2 = arr.find(v=>{return v == 'c'
})
console.log(arr2); //c

Array.findIndex

let arr = ['a','b','c','d']
let arr2 = arr.findIndex(v=>{return v == 'c'
})
console.log(arr2); //2

Array.findLast

let arr = ['a','b','c','d','a','b','c','d']
let arr2 = arr.findLast(v=>{return v == 'c'
})
console.log(arr2); //c

Array.findLastIndex

let arr = ['a','b','c','d','a','b','c','d']
let arr2 = arr.findLastIndex(v=>{return v == 'c'
})
console.log(arr2); //6

Array.forEach

let arr = ['a','b','c','d']
arr.forEach((v,i)=>{console.log(v,i);
})
//a 0
//b 1
//c 2
//d 3

Array.flat

//数组扁平化
let arr = ['a',['b',['c',['d',['e',['f']]]]]]
console.log(arr.flat()); //[ 'a', 'b', [ 'c', [ 'd', [Array] ] ] ]
console.log(arr.flat(2)); //[ 'a', 'b', 'c', [ 'd', [ 'e', [Array] ] ] ]
console.log(arr.flat(3)); //[ 'a', 'b', 'c', 'd', [ 'e', [ 'f' ] ] ]
console.log(arr.flat(Infinity)); //[ 'a', 'b', 'c', 'd', 'e', 'f' ]

Array.includes

  let arr = ['a','b','c','d']console.log(arr.includes('b')) //true

Array.indexOf

  let arr = ['a','b','c','d']console.log(arr.indexOf('a')) //0console.log(arr.indexOf('ab')) //-1

Array.isArray

  let arr = ['a','b','c','d']console.log(Array.isArray(arr)) //true

Array.join

  let arr = ['a','b','c','d']console.log(arr.join(',')) //a,b,c,d

Array.lastIndexOf

  let arr = ['a','b','c','a','b','c']console.log(arr.lastIndexOf('b')) //4console.log(arr.lastIndexOf('1')) //-1

Array.length

  let arr = ['a','b','c']console.log(arr.length) //3

Array.map

  let arr = ['a','b','c']let arr2 = arr.map(v=>{return v+'1'})console.log(arr2) //[ 'a1', 'b1', 'c1' ]

Array.pop

//从数组中删除最后一个元素,并返回该元素的值。此方法会更改数组的长度let arr = ['a','b','c']console.log(arr.pop()) //cconsole.log(arr); //[ 'a', 'b' ]

Array.push

//将指定的元素添加到数组的末尾,并返回新的数组长度```csharplet arr = ['a','b','c']console.log(arr.push('d')) //4console.log(arr); //[ 'a', 'b', 'c', 'd' ]

Array.reduce

//对数组中的每个元素按序执行一个提供的 reducer 函数,每一次运行 reducer 会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值
let arr = [1,2,3,4,5,6]
arr.reduce((a,b)=>{console.log(a,b);return a+b
})
//1 2
//3 3
//6 4
//10 5
//15 6
//21let arr = [1,2,3,4,5,6]
arr.reduce((a,b)=>{console.log(a,b);return a+b
},10)
//10 1
//11 2
//13 3
//16 4
//20 5
//25 6
//31

Array.reverse

let arr = [1,2,3,4,5,6]
console.log(arr.reverse()) //[ 6, 5, 4, 3, 2, 1 ]

Array.shift

let arr = [1,2,3,4,5,6]
console.log(arr.shift()) //1
console.log(arr); //[ 2, 3, 4, 5, 6 ]

Array.slice

let arr = [1,2,3,4,5,6]
console.log(arr.slice()) //[ 1, 2, 3, 4, 5, 6 ]
console.log(arr.slice(2)) //[ 3, 4, 5, 6 ]
console.log(arr.slice(2,4)) //[ 3, 4 ]

Array.some

let arr = [1,2,3,4,5,6]
let arr2 = arr.some(v=>{return v == 3
})
console.log(arr2); //true

Array.sort

let arr = ['a','d','e','b','c','f']
let arr2 = arr.sort()
console.log(arr2); //[ 'a', 'b', 'c', 'd', 'e', 'f' ]let arr = [1,2,6,7,8,3,4,5,9,10]
let arr2 = arr.sort((a,b)=>{return a-b
})
console.log(arr2); //[1,2,6,7,8,3,4,5,9,10]

Array.splice

let arr = [1,2,3,4,5,6,7,8,9,10]
arr.splice(3) //[ 1, 2, 3 ]
arr.splice(3,6) //[ 1, 2, 3, 10 ]
arr.splice(3,6,'a') //[1,2,3,'a',8,9,10]

Array.unshift

let arr = [1,2,3]
arr.unshift(0)
console.log(arr); //[ 0, 1, 2, 3 ]

相关文章:

JS数组方法汇总

Array.from //将可迭代对象或字符串转换为数组 console.log(Array.from(1234)); //[ 1, 2, 3, 4 ]Array.isArray //判断是否是数组 Array.isArray([1])//trueArray.concat //用于合并两个或多个数组。此方法不会更改现有数组&#xff0c;而是返回一个新数组 let arr [1,2,3]…...

安装milvus以及向量库增删改操作

首先电脑已经安装了docker windows电脑可下载yml文件 https://github.com/milvus-io/milvus/releases/download/v2.4.6/milvus-standalone-docker-compose.yml 创建milvus文件夹&#xff0c;并在这个目录下创建五个文件夹&#xff1a;conf、db、logs、pic、volumes、wal 然后…...

基于Spring Boot的找律师系统

一、系统背景与意义 在现代社会&#xff0c;法律服务的需求日益增长&#xff0c;但传统寻找律师的方式往往存在信息不透明、选择困难等问题。基于Spring Boot的找律师系统旨在解决这些问题&#xff0c;通过线上平台&#xff0c;用户可以轻松搜索、比较和选择合适的律师&#x…...

Pytorch | 利用NI-FGSM针对CIFAR10上的ResNet分类器进行对抗攻击

Pytorch | 利用NI-FGSM针对CIFAR10上的ResNet分类器进行对抗攻击 CIFAR数据集NI-FGSM介绍背景算法原理 NI-FGSM代码实现NI-FGSM算法实现攻击效果 代码汇总nifgsm.pytrain.pyadvtest.py 之前已经针对CIFAR10训练了多种分类器&#xff1a; Pytorch | 从零构建AlexNet对CIFAR10进行…...

深度学习实战车辆目标跟踪【bytetrack/deepsort】

本文采用YOLOv8作为核心算法框架&#xff0c;结合PyQt5构建用户界面&#xff0c;使用Python3进行开发。YOLOv8以其高效的实时检测能力&#xff0c;在多个目标检测任务中展现出卓越性能。本研究针对车辆目标数据集进行训练和优化&#xff0c;该数据集包含丰富的车辆目标图像样本…...

【C复习】模拟题题库*3总结

1.c语言中要求对变量作强制定义的主要理由是便于确定类型和分配空间 2.结构化程序由三中基本结构组成&#xff0c;三中基本结构组成的算法可以完成任何复杂的任务 3.数组名是一个不可变的常量 4.下列选项中&#xff0c;合法的C语言关键字是&#xff08;&#xff09;。 …...

【数据分析】层次贝叶斯

文章目录 一、 贝叶斯推理二、 层次贝叶斯模型三、 层次贝叶斯的特点四、 数学表述五、推断方法六、应用领域 层次贝叶斯&#xff08;Hierarchical Bayesian&#xff09;方法是一种基于贝叶斯推理的统计模型&#xff0c;用于处理具有多个层次结构的数据模型。 它允许我们在同一…...

Layui table不使用url属性结合laypage组件实现动态分页

从后台一次性获取所有数据赋值给 Layui table 组件的 data 属性&#xff0c;若数据量大时&#xff0c;很可能会超出浏览器字符串最大长度&#xff0c;导致渲染数据失败。Layui table 结合 laypage 组件实现动态分页可解决此问题。 HTML增加分页组件标签 在table后增加一个用于…...

【蓝桥杯】43688-《Excel地址问题》

Excel地址问题 题目描述 Excel 单元格的地址表示很有趣&#xff0c;它可以使用字母来表示列号。比如&#xff0c; A 表示第 1 列&#xff0c; B 表示第 2 列&#xff0c; … Z 表示第 26 列&#xff0c; AA 表示第 27 列&#xff0c; AB 表示第 28 列&#xff0c; … BA 表示…...

【bodgeito】攻防实战记录

也许有一天我们再相逢&#xff0c;睁开眼睛看清楚&#xff0c;我才是英雄。 进入网站整体浏览网页 点击页面评分进入关卡 一般搭建之后这里都是红色的&#xff0c;黄色是代表接近&#xff0c;绿色代表过关 首先来到搜索处本着见框就插的原则 构造payload输入 <script>…...

Soul Preserver

Soul Preserver 护魂者 Soul Preserver - Item - 魔兽世界怀旧服WLK3.35数据库_巫妖王之怒80级魔兽数据库_wlk数据库 原来的1274法力值 圣光闪现不需要法力 圣光术原来的474法力值 但是测试数据3-5分钟有时候就触发了3次&#xff0c;节约2400蓝...

Android 折叠屏问题解决 - 展开或收起页面重建

一、问题说明 Android 折叠屏展开或收起后页面会重建&#xff0c;并重新走 onCreate onStart onResume ... 重新创建后页面的状态也会丢失&#xff0c;比如页面中是一个 RecyclerView&#xff0c;我们滑动到了第 5 个卡片的位置&#xff0c;展开后又自动滑动到了第 1 个卡片的…...

深入理解 Linux wc 命令

文章目录 深入理解 Linux wc 命令1. 基本功能2. 常用选项3. 示例3.1 统计文件的行、单词和字符数3.2 仅统计行数3.3 统计多个文件的总和3.4 使用管道统计命令输出的行数 4. 实用案例4.1 日志分析4.2 快速统计代码行数4.3 统计单词频率 5. 注意事项6. 总结 深入理解 Linux wc 命…...

半连接转内连接规则的原理与代码解析 |OceanBase查询优化

背景 在查询语句中&#xff0c;若涉及半连接&#xff08;semi join&#xff09;操作&#xff0c;由于半连接不满足交换律的规则&#xff0c;连接操作必须遵循语句中定义的顺序执行&#xff0c;从而限制了优化器根据参与连接的表的实际数据量来灵活选择优化策略的能力。为此&am…...

多进程、多线程、分布式测试支持-pytest-xdis插件

pytest-xdist是pytest测试框架的一个插件&#xff0c;它提供了多进程、多线程和分布式测试的支持&#xff0c;可以显著提高测试效率。以下是对pytest-xdist的详细介绍&#xff1a; 一、安装 要使用pytest-xdist&#xff0c;首先需要安装pytest和pytest-xdist。可以通过pip进行…...

Oracle virTualBox安装window10

一、下载windows10镜像 我下载的windows10镜像如下&#xff1a; 内部文件如下&#xff1a; 二、错误的安装方法 直接新建虚拟机&#xff0c;选择镜像文件&#xff1a; 启动虚拟机&#xff08;会一直提示没有启动设备&#xff0c;选择镜像后一直弹窗提示&#xff09; 三、正确…...

Python7-数据结构

记录python学习&#xff0c;直到学会基本的爬虫&#xff0c;使用python搭建接口自动化测试就算学会了&#xff0c;在进阶webui自动化&#xff0c;app自动化 python基础7-数据结构的那些事儿 常见的数据结构有哪些&#xff1f;线性数据结构有哪些&#xff1f;非线性数据结构有哪…...

springboot指定ssl版本连接

在application.yml配置指定 server.ssl.protocolTLSv1.2结果应用依然接受低版本如TLSv1.0的连接 可以在ie浏览器&#xff1a;设置-Internet选项-高级&#xff0c;将当前连接改为TLSv1.0进行测试 这种情况可以通过增加配置仅由TLSv1.2支持的密码处理&#xff1a; server.ssl.…...

VTK编程指南<十二>:VTK图像数据结构及图像创建与显示

数字图像是一种重要的多媒体数据&#xff0c;广泛应用于工业生产、生物医学、地质、气象等重要领域。数字图像处理技术具有重要的应用价值。图像是VTK里非常重要的一种数据结构。本章重点讲解VTK在数字图像处理应用方面的相关技术。 1、VTK图像数据结构 数字图像文件内容由两个…...

EasyGBS国标GB28181平台P2P远程访问故障排查指南:客户端角度的排查思路

在现代视频监控系统中&#xff0c;P2P&#xff08;点对点&#xff09;技术因其便捷性和高效性而被广泛应用。然而&#xff0c;当用户在使用P2P远程访问时遇到设备不在线或无法访问的问题时&#xff0c;有效的排查方法显得尤为重要。本文将从客户端的角度出发&#xff0c;详细探…...

OpenClaw学习助手方案:Qwen2.5-VL-7B解析教材插图生成记忆卡片

OpenClaw学习助手方案&#xff1a;Qwen2.5-VL-7B解析教材插图生成记忆卡片 1. 为什么需要AI辅助学习工具 去年备考专业认证时&#xff0c;我发现自己总在重复低效的学习循环——花大量时间手动整理教材图表中的关键数据&#xff0c;再誊写到Anki卡片上。这种机械劳动不仅耗时…...

松下Panasonic伺服调试软件 适配MINAS-A/A3/A4/B/E/S及MDDA/MH...

松下Panasonic 伺服调试 软件 支持MINAS-A A3 A4 B E S 英文版 MDDA、MHDA、MSMA、MSDA、MDMA、可以修改参数、JOG点动调试、参数拷贝、复制等 松下 伺服 软件刚拿到台新拆箱的MHDA-MA3A1A伺服驱动器&#xff1f;或者翻出实验室积灰好几年的MSMA电机搭MDDA A1板子练手&#xff…...

珠海内有哪些做专精特新,创新型中小企业。权代理事务通过率高

在珠海&#xff0c;众多专精特新、创新型中小企业在发展过程中&#xff0c;知识产权代理事务变得尤为重要&#xff0c;而珠海飞拓知识产权代理事务凭借其独特优势&#xff0c;成为了高通过率的代表。企业痛点催生专业服务在专精特新、创新型中小企业培育与申报过程中&#xff0…...

构建企业级AI智能体:LangGraph多智能体框架实战指南

构建企业级AI智能体&#xff1a;LangGraph多智能体框架实战指南 【免费下载链接】langgraph Build resilient language agents as graphs. 项目地址: https://gitcode.com/GitHub_Trending/la/langgraph 在当今AI应用开发中&#xff0c;开发者面临着一个核心挑战&#x…...

数组运算18题:从递归求和解到Kadane算法

1. 数组运算进阶指南&#xff1a;18道经典题目深度解析数组作为最基本的数据结构&#xff0c;在编程面试和实际开发中无处不在。掌握数组的各种运算技巧不仅能帮助你在面试中脱颖而出&#xff0c;更能提升日常编码的效率和质量。本文将深入解析18个经典的数组运算题目&#xff…...

小米智能家居无缝接入Home Assistant的3种高效方法

小米智能家居无缝接入Home Assistant的3种高效方法 【免费下载链接】ha_xiaomi_home Xiaomi Home Integration for Home Assistant 项目地址: https://gitcode.com/GitHub_Trending/ha/ha_xiaomi_home Xiaomi Home集成是小米官方为Home Assistant提供的智能家居集成组件…...

AI学习路线及建议

1.python快速入门&#xff08;边用边学&#xff0c;建议3天&#xff09; 2.人工智能必备数学的基础&#xff08;边用边学&#xff0c;建议3天&#xff09; 3.机器学习&#xff08;找工作面试考点&#xff0c;临面试前晚一点刷&#xff09; 数据分析&#xff1a;短期找工作 ML/D…...

解决Python ssl模块与系统OpenSSL版本不一致的编译指南

1. 为什么Python的ssl模块会与系统OpenSSL版本不一致&#xff1f; 很多开发者都遇到过这样的困惑&#xff1a;明明系统已经升级了OpenSSL&#xff0c;为什么Python的ssl模块还在使用旧版本&#xff1f;这个问题其实源于Python的编译机制。Python在编译安装时&#xff0c;会将当…...

小型纯电动汽车轮毂电机及大角度转向系统的数字化设计【含catia、solidworks、CAD图纸、答辩PPT、说明书】

小型纯电动汽车轮毂电机与大角度转向系统的数字化设计&#xff0c;是新能源汽车领域的关键技术突破方向。轮毂电机通过将驱动装置集成于车轮内部&#xff0c;实现了动力传递路径的简化与能量利用效率的提升&#xff0c;其分布式驱动特性使车辆具备更灵活的扭矩分配能力&#xf…...

基于DeepSeek的本地部署AI智能体:锁脸功能实现完整方案

基于DeepSeek的本地部署AI智能体:锁脸功能实现完整方案 一、项目概述与架构设计 1.1 任务目标 开发一个具有锁脸功能的AI智能体,能够: 完全本地部署,无需依赖云端服务 锁定智能体的角色设定、人格特征和对话风格 支持多轮对话记忆 提供RESTful API接口 保证角色设定在任…...