前端 JS 经典:数组新增 API

简介: 前端 JS 经典:数组新增 API

1. toSorted

用法和 sort 一样,但是不改变原数组

let arr = [2, 3, 9, 5, 8];
arr.sort((a, b) => a - b); // [2, 3, 5, 8, 9]
arr; // [2, 3, 5, 8, 9]
 
let _arr = [2, 3, 9, 5, 8];
_arr.toSorted((a, b) => a - b); // [2, 3, 5, 8, 9]
_arr; // [2, 3, 9, 5, 8]

2. toReversed

用法和 reverse 一样,但是不改变原数组。

let arr = [2, 3, 9, 5, 8];
arr.reverse(); // [8, 5, 9, 3, 2]
arr; // [8, 5, 9, 3, 2]
 
let _arr = [2, 3, 9, 5, 8];
_arr.toReversed(); // [8, 5, 9, 3, 2]
_arr; // [2, 3, 9, 5, 8]

3. toSpliced

用法和 splice 一样,但是不改变原数组。

let arr = [2, 3, 9, 5, 8];
arr.splice(0, 1); // [2]
arr; // [3, 9, 5, 8]
 
let _arr = [2, 3, 9, 5, 8];
_arr.toSpliced(0, 1); // [3, 9, 5, 8]
_arr; // [2, 3, 9, 5, 8]

4. with

以前我们要修改数组里的某项,arr[0] = 1 会将原数组修改了。使用 with 可以返回一个新数组。

let arr = [2, 3, 9, 5, 8];
arr[0] = 1;
arr; // [1, 3, 9, 5, 8]
 
let _arr = [2, 3, 9, 5, 8];
_arr.with(0, 1); // [1, 3, 9, 5, 8]
_arr; // [2, 3, 9, 5, 8]


目录
相关文章
|
6天前
|
前端开发 API UED
Python后端与前端交互新纪元:AJAX、Fetch API联手,打造极致用户体验!
Python后端与前端交互新纪元:AJAX、Fetch API联手,打造极致用户体验!
28 2
|
6天前
|
JavaScript 前端开发 API
详解队列在前端的应用,深剖JS中的事件循环Eventloop,再了解微任务和宏任务
该文章详细讲解了队列数据结构在前端开发中的应用,并深入探讨了JavaScript的事件循环机制,区分了宏任务和微任务的执行顺序及其对前端性能的影响。
|
4天前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
6天前
|
XML 缓存 JavaScript
提升对前端的认知,不得不了解Web API的DOM和BOM
该文章强调了在前端开发中理解和掌握DOM(文档对象模型)和BOM(浏览器对象模型)的重要性,并介绍了它们的相关操作和应用。
提升对前端的认知,不得不了解Web API的DOM和BOM
|
4天前
|
JavaScript 前端开发 C++
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
|
4天前
|
JavaScript 前端开发
JavaScript从二维数组抽取元素组成新数组的三种方法
JavaScript从二维数组抽取元素组成新数组的三种方法
|
6天前
|
JavaScript 前端开发
JavaScript 中 五种迭代数组的方法 every some map filter forEach
本文介绍了JavaScript中五种常用数组迭代方法:every、some、filter、map和forEach,并通过示例代码展示了它们的基本用法和区别。
|
6天前
|
JavaScript 前端开发 索引
JavaScript 数组中splice()的用法
本文介绍了JavaScript数组方法splice()的三种用法:删除元素、插入元素和替换元素,通过具体代码示例展示了如何使用splice()方法进行数组的修改操作。
|
6天前
|
JavaScript 前端开发 开发者
深入浅出 Vue.js:构建响应式前端应用
Vue.js 是一个流行的前端框架,以其简洁、高效和易学著称。它采用响应式和组件化设计,简化了交互式用户界面的构建。本文详细介绍 Vue.js 的核心概念、基本用法及如何构建响应式前端应用,包括实例、模板、响应式数据和组件等关键要素,并介绍了项目结构、Vue CLI、路由管理和状态管理等内容,帮助开发者高效地开发现代化前端应用。
|
6天前
|
JavaScript 前端开发
网页前端课程设计-【模仿】香港中文大学官网,轮播图及div+css布局,js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计,包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
下一篇
无影云桌面