前端 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]


目录
相关文章
|
1天前
|
XML 前端开发 JavaScript
JavaScript进阶 - AJAX请求与Fetch API
【7月更文挑战第3天】前端开发中的异步基石:AJAX与Fetch。AJAX,使用XMLHttpRequest,处理跨域、回调地狱和错误处理。Fetch,基于Promise,简化请求,但需注意默认无跨域头和HTTP错误处理。两者各有优劣,理解其问题与解决策略,能提升前端应用的性能和用户体验。
|
15小时前
|
JavaScript API
前后端数据交互.js文件的axios的写法,想要往后端发送数据,页面注入API,await的意思是同步等待服务器数据,并返回,axios注入在其他页面,其他页面调用的时候,同步作用
前后端数据交互.js文件的axios的写法,想要往后端发送数据,页面注入API,await的意思是同步等待服务器数据,并返回,axios注入在其他页面,其他页面调用的时候,同步作用
|
18小时前
|
Web App开发 JavaScript 前端开发
js 调试—— 【控制台】debugger语句 、 命令行API
js 调试—— 【控制台】debugger语句 、 命令行API
5 0
|
1天前
|
JavaScript 前端开发 Java
|
1天前
|
前端开发 JavaScript API
只会用插件可不行,这些前端动画技术同样值得收藏-JavaScript篇(下)
只会用插件可不行,这些前端动画技术同样值得收藏-JavaScript篇(下)
|
1天前
|
监控 JavaScript 前端开发
只会用插件可不行,这些前端动画技术同样值得收藏-JavaScript篇(上)
只会用插件可不行,这些前端动画技术同样值得收藏-JavaScript篇(上)
11 0
|
1天前
|
JavaScript 前端开发 API
JS案例:前端Iframe及Worker通信解决思路
JS案例:前端Iframe及Worker通信解决思路
|
1天前
|
JavaScript 前端开发
JS进阶篇(前端面试题整合)(三)
JS进阶篇(前端面试题整合)(三)
|
1天前
|
前端开发 JavaScript
前端 JS 经典:箭头函数的意义
前端 JS 经典:箭头函数的意义
3 0
|
1天前
|
前端开发 JavaScript
前端 JS 经典:变量交换
前端 JS 经典:变量交换
4 0

相关实验场景

更多