JavaScript基础知识合集笔记2——数组排序、数组转换字符串、迭代方法

文章目录

    • 排序方法
      • reverse()
      • sort()
    • 转换方法
      • join()
    • 迭代方法
      • some()
      • every()
      • forEach()
      • filter()
      • map()

排序方法

组有两个方法可以用来对元素重新排序:

  • reverse()
  • sort()

reverse()

顾名思义,将数组元素方向反转。会直接改变原数组,请谨慎使用

let values = [1, 2, 3, 4, 5];
values.reverse();
alert(values); // 5,4,3,2,1

sort()

sort()方法接受一个比较函数,用于判断哪个值应该排在前面
最常见的用法就是从小到大,从大到小,这个真的很常用,二维数组排序的可以扩展这个数组,请自行研究,更深入理解sort背后的逻辑,这里不再举例。拓展资料–>sort方法背后的逻辑

//从小到大
arr.sort((a,b)=>a-b);
//从大到小
arr.sort((a,b)=>a-b);

转换方法

join()

join() 方法接收一个参数,即字符串分隔符,返回包含所有项的字符串。数组转字符串非常常用。

let colors = ["red", "green", "blue"];
alert(colors.join(",")); // red,green,blue
alert(colors.join("||")); // red||green||blue

迭代方法

  • some()
  • every()
  • forEach()
  • filter()
  • map()
    实话实说我还没用到过some()和every()。

some()

对数组每一项都运行传入的测试函数,如果至少有1个元素返回 true ,则这个方法返回 true。

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let someResult = numbers.some((item, index, array) => item > 2);
console.log(someResult) // true

every()

对数组每一项都运行传入的测试函数,如果所有元素都返回 true ,则这个方法返回 true

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let everyResult = numbers.every((item, index, array) => item > 2);
console.log(everyResult) // false

forEach()

对数组每一项都运行传入的函数,没有返回值,一般用于遍历元素.

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
numbers.forEach((item, index, array) => {// 执行某些操作
});
// 对每个元素调用 alert
["Bilbo", "Gandalf", "Nazgul"].forEach(alert);

filter()

对数组每一项都运行传入的函数,函数返回 true 的项会组成数组之后返回

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let filterResult = numbers.filter((item, index, array) => item > 2);
console.log(filterResult); // 3,4,5,4,3

map()

对数组每一项都运行传入的函数,返回由每次函数调用的结果构成的数组。acm模式很常用到–>arr.map(Number)

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let mapResult = numbers.map((item, index, array) => item * 2);
console.log(mapResult) // 2,4,6,8,10,8,6,4,2

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/77622.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Redis 笔记(三)-Redis 基本知识及五大数据类型

一、redis 基本知识 redis 默认有 16个 数据库,config get databases 查看数据库数量 127.0.0.1:6379> config get databases # 查看数据库数量 1) "databases" 2) "16"默认使用的是第 0个 16 个数据库为:DB 0 ~ DB 15&am…

springboot项目文件上传到服务器本机,返回访问地址

文件上传到服务器本机&#xff0c;然后给出访问地址&#xff1a; 具体如下&#xff1a; 1、添加必要的工具类依赖 <!-- 文件上传工具类 --><dependency><groupId>commons-fileupload</groupId><artifactId>commons-fileupload</artifactId>…

巧用 Element - UI 实现图片上传按钮的智能隐藏

引言 在前端开发中&#xff0c;使用 Element - UI 组件库来构建用户界面是非常常见的操作。其中图片上传功能更是在许多项目中频繁出现&#xff0c;比如用户头像上传、商品图片上传等场景。有时候&#xff0c;我们会有这样的需求&#xff1a;当上传图片达到一定数量后&#xf…

Golang|工厂模式

工厂模式是一种创建型设计模式&#xff0c;它的核心思想是&#xff1a;把对象的创建过程封装起来&#xff0c;不直接在代码中 new 一个对象&#xff0c;而是通过一个“工厂”来生成对象。这样做的好处是&#xff1a; 降低了代码之间的耦合&#xff08;依赖具体类减少&#xff0…

CentOS 使用国内镜像安装 nvm 和 Node.js 完整指南

前言‌&#xff1a; 本文是实践过程中的个人总结&#xff0c;介绍在 CentOS 系统上通过国内镜像快速安装 nvm&#xff08;Node Version Manager&#xff09;&#xff0c;并配置镜像源加速 Node.js 的下载和依赖管理&#xff0c;解决因网络问题导致的安装失败或速度缓慢。 一、…

ComfyUI 学习笔记:安装篇及模型下载

背景 去年在掘金看到一个博主使用 ComfyUI 进行 AI 绘画&#xff0c;并基于此工具展开个人业务。知道了这个东西&#xff0c;感觉很厉害的样子。 前段时间玩 DeepSeek 的时候&#xff0c;尝试用它写《历史是一群喵》的漫画&#xff0c;给出了 AI 作画的提示词&#xff0c;但是…

人脑、深思考大模型与其他大模型的区别科普

文章目录 大模型的基本概念与特点深思考大模型的独特之处深思考大模型与其他大模型的对比架构与技术训练数据应用场景提示词编写 大模型给出答案的方式&#xff1a;基于概率还是真的会分析问题&#xff1f;人脑的思考过程基本单位与网络大脑结构与功能分区信息处理流程思维模式…

图像保边滤波之BEEPS滤波算法

目录 1 简介 2 算法原理 3 代码实现 4 演示Demo 4.1 开发环境 4.2 功能介绍 4.3 下载地址 参考 1 简介 BEEPS&#xff08;Bias Elimination in Edge-Preserving Smoothing&#xff09; 是一种基于偏微分方程&#xff08;PDE&#xff09;的边缘保留平滑滤波算法。它能够…

怎样给MP3音频重命名?是时候管理下电脑中的音频文件名了

在处理大量音频文件时&#xff0c;给这些文件起一个有意义的名字可以帮助我们更高效地管理和查找所需的内容。通过使用专业的文件重命名工具如简鹿文件批量重命名工具&#xff0c;可以极大地简化这一过程。本文将详细介绍如何利用该工具对 MP3 音频文件进行重命名。 步骤一&am…

uniapp实现统一添加后端请求Header方法

uniapp把请求写完了&#xff0c;发现需要给接口请求添加头部&#xff0c;每个接口去添加又很麻烦&#xff0c;uniapp可以统一添加&#xff0c;并且还能给某些接口设置不添加头部。 一般用于添加token登录验证信息。 在 main.js 文件中配置。 代码如下&#xff1a; // 在…

Qt/C++面试【速通笔记四】—Qt中的MVC模式

在软件开发中&#xff0c;设计模式是为了让代码结构更加清晰、可维护和扩展的工具。MVC&#xff08;Model-View-Controller&#xff0c;模型-视图-控制器&#xff09;模式就是其中一种经典的设计模式&#xff0c;它被广泛应用于图形界面&#xff08;GUI&#xff09;应用程序中。…

机器学习-入门-线性模型(2)

机器学习-入门-线性模型(2) 3.4广义线性回归 一般形式&#xff1a; y g − 1 ( w T x b ) y g^{-1} \left( w^T x b \right) yg−1(wTxb) 单调可微的联系函数 (link function) 令 g ( ⋅ ) ln ⁡ ( ⋅ ) g(\cdot) \ln (\cdot) g(⋅)ln(⋅) 则得到对数线性回归 ln ⁡…

Scratch——第20课 辗转相除法/绳子算法

辗转相除法是用于求取最大公约数时需要用到的方法&#xff0c;它还有个名字称为绳子算法&#xff0c;这类题目只要理解辗转相处的原理即可拿下。 一、辗转相除法的基本原理 两个整数的最大公约数不变&#xff0c;当较大数减去较小数后&#xff0c;得到的差值与较小数的最大公…

【Keil5-开发指南】

Keil5-编程指南 ■ Keil5 介绍■ Keil5 生成bin文件■ 新建工程后debug在 BX R0 不动了■ J-Flash 使用■ Keil5-Debug调试工具 Jlink---STLink---DAP仿真器■ Keil5 使用 AStyle插件格式化代码■ Keil5-编译4个阶段■ Keil5-Boot和APP配置■ Keil5-报错■ 芯片手册区别 ■ Kei…

HarmonyOS SDK助力鸿蒙版今日水印相机,真实地址防护再升级

今日水印相机是一款真实记录"工作"和"生活"的水印拍照APP。作为专业的可信影像服务平台&#xff0c;今日水印相机依托时间、地点、身份三重数字水印技术&#xff0c;为企业和个人提供考勤打卡、外勤巡检、生活美好时刻记录等场景的可信存证服务。 面对虚拟…

WSL释放空间

在 WSL (Windows Subsystem for Linux) 中&#xff0c;Linux 发行版可能会占用越来越多的磁盘空间&#xff0c;即使删除文件后&#xff0c;空间也可能不会自动释放。这是因为 WSL 使用虚拟硬盘&#xff08;VHDX 文件&#xff09;来存储 Linux 文件系统&#xff0c;而 Windows 不…

C#核心知识

委托 如何声明一个委托&#xff1a;通过 【delegate 返回值类型 委托名称】 的格式来定义 如何使用一个委托&#xff1a;使用new关键字&#xff0c;并传入和声明委托的构造相同的方法名&#xff0c;比如&#xff1a;new 委托名称(与委托的参数和返回值相同的一个方法名) 如何…

免费LUT网站

FREE LUTs | Color Lookup Tables - Presetpro.com

力扣-160.相交链表

题目描述 给你两个单链表的头节点 headA 和 headB &#xff0c;请你找出并返回两个单链表相交的起始节点。如果两个链表不存在相交节点&#xff0c;返回 null 。 图示两个链表在节点 c1 开始相交&#xff1a; 题目数据 保证 整个链式结构中不存在环。 注意&#xff0c;函数返…

架构风格对比

架构风格深度对比&#xff1a;从管道-过滤器到微内核 &#x1f4dc; 引言 在软件架构设计中&#xff0c;不同的架构风格适用于不同的业务场景。本文将深入解析 7种主流架构风格&#xff0c;包括它们的核心思想、优缺点、适用场景&#xff0c;并通过对比表格和示例帮助您选择最…