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

JS中数组的常用方法

  • concat() 连接两个或更多的数组,并返回结果。
let array1 = [1, 2, 3];  
let array2 = [4, 5, 6];  
let concatenatedArray = array1.concat(array2);  
console.log(concatenatedArray); // [1, 2, 3, 4, 5, 6]
  • join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
let array = ['apple', 'banana', 'cherry'];  
let joinedString = array.join(', '); // 使用逗号和空格连接  
console.log(joinedString); // "apple, banana, cherry"
  • pop() 删除并返回数组的最后一个元素。
let array = [1, 2, 3];  
let lastElement = array.pop(); // 删除最后一个元素  
console.log(array); // [1, 2]  
console.log(lastElement); // 3
  • shift() 删除并返回数组的第一个元素
let array = [1, 2, 3];  
let firstElement = array.shift(); // 删除第一个元素  
console.log(array); // [2, 3]  
console.log(firstElement); // 1
  • push() 向数组的末尾添加一个或更多元素,并返回新的长度。
let array = [1, 2, 3];  
array.push(4); // 添加单个元素  
console.log(array); // [1, 2, 3, 4]  array.push(5, 6); // 添加多个元素  
console.log(array); // [1, 2, 3, 4, 5, 6]
  • unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
let array = [1, 2, 3];  
array.unshift(0); // 添加单个元素  
console.log(array); // [0, 1, 2, 3]  array.unshift(-2, -1); // 添加多个元素  
console.log(array); // [-2, -1, 0, 1, 2, 3]
  • reverse() 颠倒数组中元素的顺序。
let array = [1, 2, 3, 4, 5];  
array.reverse();  
console.log(array); // [5, 4, 3, 2, 1]
  • reduce() 对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值
let array = [1, 2, 3, 4, 5];  
let sum = array.reduce((accumulator, currentValue) => accumulator + currentValue, 0);  
console.log(sum); // 15 (1+2+3+4+5)
  • sort() 对数组的元素进行排序
let array = [5, 2, 9, 1, 5, 6];  
array.sort((a, b) => a - b); // 升序排序  
console.log(array); // [1, 2, 5, 5, 6, 9]
  • slice() 从某个已有的数组返回选定的元素
let array = [1, 2, 3, 4, 5];  
let slicedArray = array.slice(1, 3); // 从索引1开始到索引2(不包括)结束  
console.log(slicedArray); // [2, 3]
  • splice() 删除元素,并向数组添加新元素。
let array = [1, 2, 3, 4, 5];  
let removed = array.splice(2, 0, 'a', 'b'); // 从索引2开始,删除0个元素,并添加'a'和'b'  
console.log(array); // [1, 2, 'a', 'b', 3, 4, 5]  
console.log(removed); // [](因为没有元素被删除)  removed = array.splice(2, 2); // 从索引2开始,删除2个元素  
console.log(array); // [1, 2, 3, 4, 5]  
console.log(removed); // ['a', 'b']
  • toString() 把数组转换为字符串,并返回结果。
let array = [1, 2, 3];  
console.log(array.toString()); // "1,2,3"
  • toLocaleString() 把数组转换为本地数组,并返回结果。
let array = [123456.789, -123456.789];  
console.log(array.toLocaleString()); // 根据本地环境格式化数字,例如 "123,456.789, -123,456.789"
  • toSource() 返回该对象的源代码。
let array = [1, 2, 3];  
console.log(array.toSource()); // 输出数组的源代码,但这个方法在某些现代浏览器中可能不受支持
  • valueOf() 返回数组对象的原始值
let array = [1, 2, 3];  
console.log(array.valueOf()); // [1, 2, 3]

相关文章:

JS中数组的常用方法

concat() 连接两个或更多的数组,并返回结果。 let array1 [1, 2, 3]; let array2 [4, 5, 6]; let concatenatedArray array1.concat(array2); console.log(concatenatedArray); // [1, 2, 3, 4, 5, 6]join() 把数组的所有元素放入一个字符串。元素通过指定…...

最好用的论文检索网站

网站展示: 网站链接 sci-hub文献检索 用途: 可以用文章的DOI来检索并下载文章...

AI专题:AI巨轮滚滚向前

今天分享的是电子系列深度研究报告:《AI专题:AI巨轮滚滚向前》。 (报告出品方:方正证券) 报告共计:65页 来源:人工智能学派 Gemini 1.5 Pro 性能显著增强,长上下文理解取得突破 …...

SpringBoot常见问题

1 引言 Spring Boot是一个基于Spring框架的快速开发脚手架,它简化了Spring应用的初始化和搭建过程,提供了众多便利的功能和特性,比如自动配置、嵌入式Tomcat等,让开发人员可以更加专注于业务逻辑的实现。   Spring Boot还提供了…...

五种多目标优化算法(MOAHA、MOGWO、NSWOA、MOPSO、NSGA2)性能对比,包含6种评价指标,9个测试函数(提供MATLAB代码)

一、5种多目标优化算法简介 1.1MOAHA 1.2MOGWO 1.3NSWOA 1.4MOPSO 1.5NSGA2 二、5种多目标优化算法性能对比 为了测试5种算法的性能将其求解9个多目标测试函数(zdt1、zdt2 、zdt3、 zdt4、 zdt6 、Schaffer、 Kursawe 、Viennet2、 Viennet3)&#xff…...

用 LangChain 和 Milvus 从零搭建 LLM 应用

如何从零搭建一个 LLM 应用?不妨试试 LangChain Milvus 的组合拳。 作为开发 LLM 应用的框架,LangChain 内部不仅包含诸多模块,而且支持外部集成;Milvus 同样可以支持诸多 LLM 集成,二者结合除了可以轻松搭建一个 LL…...

[Bug解决] Invalid bound statement (not found)出现原因和解决方法

1、问题描述 在写了一个很普通的查询语句之后,出现了下面的报错信息 org.apache.ibatis.binding.BindingException: Invalid bound statement (not found): com.xxx.oauth.mapper.WxVisitorQrBeanMapper.selectByComIdAndEmpId at org.apache.ibatis.binding.Mappe…...

Qt:Qt3个窗口类的区别、VS与QT项目转换

一、Qt3个窗口类的区别 QMainWindow:包含菜单栏、工具栏、状态栏 QWidget:普通的一个窗口,什么也不包括 QDialog:对话框,常用来做登录窗口、弹出窗口(例如设置页面) QDialog实现简易登录界面…...

uni-app判断不同端

大家好&#xff0c;今天给大家分享的知识是在uni-app中如何区分是在什么端操作的程序 话不多说直接上代码&#xff1a; // #ifdef APP-PLUS<view>APP端</view>// #endif// #ifdef H5<view>H5端</view>// #endif// #ifdef MP<view>小程序端</v…...

计算机网络-网络设备防火墙是什么?

一、防火墙基本概念 前面我们学习了交换机、路由器是网络中常用的设备&#xff0c;现实中还有一个很重要的设备-防火墙。防火墙这一设备通常用于两个网络之间有针对性的、逻辑意义上的隔离。在网络通信领域&#xff0c;防火墙是一种安全设备。它用于保护一个网络区域免受来自另…...

Code Composer Studio (CCS) - Breakpoint (断点)

Code Composer Studio [CCS] - Breakpoint [断点] 1. BreakpointReferences 1. Breakpoint 选中断点右键 -> Breakpoint Properties… Skip Count&#xff1a;跳过断点总数&#xff0c;在断点执行之前设置总数 Current Count&#xff1a;当前跳过断电累计值 References […...

人工智能_普通服务器CPU_安装清华开源人工智能AI大模型ChatGlm-6B_001---人工智能工作笔记0096

使用centos安装,注意安装之前,保证系统可以联网,然后执行yum update 先去更新一下系统,可以省掉很多麻烦 20240219_150031 这里我们使用centos系统吧,使用习惯了. ChatGlm首先需要一台个人计算机,或者服务器, 要的算力,训练最多,微调次之,推理需要算力最少 其实很多都支持C…...

分层钱包HD钱包

bc1 开头的通常指的是比特币&#xff08;Bitcoin&#xff09;的地址&#xff0c;这种格式遵循了比特币改进提案BIP 0173中定义的Bech32编码格式。Bech32地址也被称为"SegWit"地址&#xff0c;它们支持Segregated Witness功能&#xff0c;这是比特币网络为了提高区块链…...

基于python+mysql的宠物领养网站系统

功能介绍 平台采用B/S结构&#xff0c;后端采用主流的Python语言进行开发&#xff0c;前端采用主流的Vue.js进行开发。 整个平台包括前台和后台两个部分。 前台功能包括&#xff1a;首页、宠物详情页、用户中心模块。后台功能包括&#xff1a;总览、领养管理、宠物管理、分类…...

机器学习入门--门控循环单元(GRU)原理与实践

GRU模型 随着深度学习领域的快速发展&#xff0c;循环神经网络&#xff08;RNN&#xff09;已成为自然语言处理&#xff08;NLP&#xff09;等领域中常用的模型之一。但是&#xff0c;在RNN中&#xff0c;如果时间步数较大&#xff0c;会导致梯度消失或爆炸的问题&#xff0c;…...

GitHub Actions

GitHub Actions GitHub Actions 是 GitHub 提供的一种持续集成&#xff08;CI&#xff09;和持续部署&#xff08;CD&#xff09;解决方案。它可以让你在 GitHub 仓库中直接自动化、定制化和执行软件开发工作流程。 比如&#xff0c;当有新的推送到仓库或者新的 Pull Request…...

harmony 鸿蒙系统学习 安装ohpm报错 ohpm install failed

一. 安装配置 DevEco Studio 安装包时报错 execute ohpm install failed. Install task failed: ArkTS 3.2.12.5. Install ArkTS dependencies failed. 解决办法 找原因&#xff0c;首先&#xff0c;我的电脑中之前安装过node&#xff0c;也许是因为这个。&#xff08;其实…...

MySQL Replication

0 序言 MySQL Replication 是 MySQL 中的一个功能&#xff0c;允许从一个 MySQL 数据库服务器&#xff08;称为主服务器或 master&#xff09;复制数据和数据库结构到另一个服务器&#xff08;称为从服务器或 slave&#xff09;。这种复制是异步的&#xff0c;意味着从服务器不…...

redis分布式锁redisson

文章目录 1. 分布式锁1.1 基本原理和实现方式对比synchronized锁在集群模式下的问题多jvm使用同一个锁监视器分布式锁概念分布式锁须满足的条件分布式锁的实现 1.2 基于Redis的分布式锁获取锁&释放锁操作示例 基于Redis实现分布式锁初级版本ILock接口SimpleRedisLock使用示…...

制作一个简单的html网页

1. 特效按钮 2 可以独立使用的一个页面 3 底部小时钟 <!DOCTYPE html> <html> <head><title>Simple Webpage</title><style>/* 禁止鼠标右键 */body {-webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none; …...

如何评估一个SEO策略的效果_如何利用local SEO来提高网站曝光度

如何评估一个SEO策略的效果 在当今数字化时代&#xff0c;搜索引擎优化&#xff08;SEO&#xff09;已经成为了网站提升曝光度和吸引流量的关键手段。一个好的SEO策略可以帮助网站在搜索结果中获得更高的排名&#xff0c;从而吸引更多的潜在客户。如何评估一个SEO策略的效果呢…...

Spark依赖管理二选一:spark.yarn.archive和spark.yarn.jars到底怎么选?

Spark依赖管理深度抉择&#xff1a;spark.yarn.archive与spark.yarn.jars的架构师级决策指南 当你在凌晨三点被集群告警惊醒&#xff0c;发现数百个Spark作业因依赖加载超时而堆积&#xff0c;那一刻你会明白&#xff1a;依赖管理策略的选择绝非配置文件中的简单参数调整&#…...

2026.4.3要闻

百度首页 哈哈哈分享万岁 最大、首艘!中国“超级装备”密集上新 正观新闻 2026-04-03 07:52正观新闻官方账号 关注 近日,国内高端装备制造领域迎来密集突破,多款具有里程碑意义的新产品相继首发、试航或“上岸”。一系列“超级装备”的亮相,彰显了我国自主研发与制造…...

Qwen3.5-9B微调实践:优化OpenClaw的邮件处理技能

Qwen3.5-9B微调实践&#xff1a;优化OpenClaw的邮件处理技能 1. 为什么需要定制邮件处理技能 去年夏天&#xff0c;我被堆积如山的客户咨询邮件淹没了。每天早上一打开邮箱&#xff0c;上百封未读邮件像潮水一样涌来&#xff0c;手动分类、回复、归档的效率低得令人崩溃。作为…...

为什么Restormer能在图像修复任务上超越CNN?深入拆解它的三个核心设计

为什么Restormer能在图像修复任务上超越CNN&#xff1f;深入拆解它的三个核心设计 在图像修复领域&#xff0c;从早期的传统滤波方法到后来的深度卷积网络&#xff0c;技术迭代始终围绕着一个核心矛盾&#xff1a;如何平衡局部细节修复与全局结构一致性。当U-Net等CNN架构在去噪…...

OpenClaw开源贡献:为SecGPT-14B开发检测插件全流程

OpenClaw开源贡献&#xff1a;为SecGPT-14B开发检测插件全流程 1. 为什么选择OpenClaw开发安全检测插件 去年冬天&#xff0c;当我第一次在本地部署SecGPT-14B模型时&#xff0c;就意识到这个专精网络安全领域的模型需要更贴近实际工作场景的交互方式。作为长期从事渗透测试的…...

终极指南:Permify权限计算优化如何避免深度递归陷阱

终极指南&#xff1a;Permify权限计算优化如何避免深度递归陷阱 【免费下载链接】permify An open-source authorization as a service inspired by Google Zanzibar, designed to build and manage fine-grained and scalable authorization systems for any application. — …...

JDK-02 | 我为什么越来越喜欢用 Java 的 Text Blocks

这是专栏第 2 篇。 如果第一篇 record 是在“模型表达”上让我轻松,Text Blocks 则是在“日常编码和代码审查”上让我明显省力。 我先给结论:Text Blocks 不只是少写几个 +,它真正解决的是多行文本在代码中的可读性、可评审性和可回归性。 一、我为什么会认真用这个特性 …...

养鸡场规划:如何计算所需农场数量

在养鸡业中&#xff0c;如何高效地管理和规划农场的使用是一个关键问题。最近&#xff0c;我遇到了一位养鸡场主的需求&#xff0c;他需要根据每天的鸡出栏数据来计算所需农场的数量。今天&#xff0c;我们就来探讨如何通过编程解决这个问题。 问题背景 假设你有一个包含以下数…...

天华新能冲刺港股:年营收75亿净利降56% 宁德时代是二股东 裴振华夫妻套现26亿

雷递网 雷建平 4月3日苏州天华新能源科技股份有限公司&#xff08;简称&#xff1a;“天华新能”&#xff09;日前递交招股书&#xff0c;准备在港交所上市。天华新能2014年在深交所上市&#xff0c;截至今日午盘&#xff0c;天华新能股价为58.6元&#xff0c;市值为487亿元。一…...