复习总结JS中不熟练的API

简介: 复习总结JS中不熟练的API


// 1. fill 替换/填充数组
// fill(value,start,end) 语法规则 
// value: 要填充的值; start:起始索引; end: 结束索引
// tip: 1. 包左不包右 (即不包含结束索引)'; 2. fill()方法会修改原始的数组,并且返回修改后呃数组
const arr = [1, 2, 3, 4, 5, 7]
arr.fill(6, 0, 5)
console.log(arr); // [6,6,6,6,6,7]

// 2. find 查找元素
// 语法: find()
// 该方法会返回第一个满足条件的元素, 如果找不到会返回`undefined`
const arr1 = [{ name: "张三" }, { name: "李四" }, { name: "王五" }]
const people = arr1.find(el => el.name === "张三")
console.log(people, typeof people, people.name);  // {name:"张三"}
const arrNum = [121, 123, 122, 56, 8, 99, 233, 0]
const filterNum = arrNum.find(el => el > 200)
console.log(filterNum); // 233

// 3. findIndex()
// 该方法会返回满足条件元素所对应的索引,如果找不到就返回返回-1
console.log(arrNum.findIndex(el => el === 10)); // 7

// 4. sort 对数组元素进行排序 tip: 会改变原始数组,并且返回排序之后的数组
const arr3 = [1, 3, 2, 6, 5, 8]
const SortArr3 = arr3.sort()
console.log(`原数组${arr3}`, `修改之后的数组:${SortArr3}`); //原数组1,2,3,5,6,8 修改之后的数组:1,2,3,5,6,8
// 可以看到这里排序完之后,对原数组也造成了影响 ,那么有没有办法可以不影响原来的数组吗?
// es2023 推出了新的API 
// 5. toSorted() 对数组进行排序 与sort的唯一区别是不会影响原数组
const arr4 = [1, 5, 4, 6]
const SortedArr = arr4.toSorted()
console.log(`使用toSorted api对数组进行排序之后:${arr4}`); // [1,5,4,6]

// 6. toReversed() 反转数组 与reverse()的区别就是不会对原数组造成影响
const arr5 = [1, 2, 3, 4, 5]
const reverArr = arr5.toReversed()
console.log(`使用toRevered api对数组进行反转之后,原数组:${arr5},新数组:${reverArr}`);

// 7. with() 替换数组里面的某个值,不会改变原数组
// 语法: with(index,value)
// index: 要替换值的索引; value: 要替换的值;
const arr6 = [1, 2, 3];
const newArray = arr6.with(1, false);
// [1, false, 3]
console.log(`使用with api 对数组进行修改之后 , 原数组:${arr6},新数组: ${newArray}`);


目录
打赏
0
0
0
0
34
分享
相关文章
盘点原生JS中目前最没用的几个功能API
在JavaScript的发展历程中,许多功能与API曾风光无限,但随着技术进步和语言演化,部分功能逐渐被淘汰或被更高效的替代方案取代。例如,`with`语句使代码作用域复杂、可读性差;`void`操作符功能冗余且影响可读性;`eval`函数存在严重安全风险和性能问题;`unescape`和`escape`函数已被`decodeURIComponent`和`encodeURIComponent`取代;`arguments`对象则被ES6的剩余参数语法替代。这些变化体现了JavaScript不断优化的趋势,开发者应紧跟技术步伐,学习新技能,适应新技术环境。
46 10
深入浅出:使用Node.js构建RESTful API
在这个数字时代,API已成为软件开发的基石之一。本文旨在引导初学者通过Node.js和Express框架快速搭建一个功能完备的RESTful API。我们将从零开始,逐步深入,不仅涉及代码编写,还包括设计原则、最佳实践及调试技巧。无论你是初探后端开发,还是希望扩展你的技术栈,这篇文章都将是你的理想指南。
深入浅出Node.js:从零开始构建RESTful API
在数字化时代的浪潮中,后端开发作为连接用户与数据的桥梁,扮演着至关重要的角色。本文将引导您步入Node.js的奇妙世界,通过实践操作,掌握如何使用这一强大的JavaScript运行时环境构建高效、可扩展的RESTful API。我们将一同探索Express框架的使用,学习如何设计API端点,处理数据请求,并实现身份验证机制,最终部署我们的成果到云服务器上。无论您是初学者还是有一定基础的开发者,这篇文章都将为您打开一扇通往后端开发深层知识的大门。
73 12
深入浅出Node.js:从零开始构建RESTful API
在数字化时代的浪潮中,后端开发如同一座灯塔,指引着数据的海洋。本文将带你航行在Node.js的海域,探索如何从一张白纸到完成一个功能完备的RESTful API。我们将一起学习如何搭建开发环境、设计API结构、处理数据请求与响应,以及实现数据库交互。准备好了吗?启航吧!
Vue.js 3:探索组合式API带来的新变革
Vue.js 3:探索组合式API带来的新变革
Vue.js 3中的Composition API:提升你的组件开发体验
Vue.js 3中的Composition API:提升你的组件开发体验
深入浅出Node.js:从零开始构建RESTful API
【10月更文挑战第39天】 在数字化时代的浪潮中,API(应用程序编程接口)已成为连接不同软件应用的桥梁。本文将带领读者从零基础出发,逐步深入Node.js的世界,最终实现一个功能完备的RESTful API。通过实践,我们将探索如何利用Node.js的异步特性和强大的生态系统来构建高效、可扩展的服务。准备好迎接代码和概念的碰撞,一起解锁后端开发的新篇章。
深入浅出:使用Node.js构建RESTful API
【10月更文挑战第35天】在数字时代的浪潮中,后端技术如同海洋中稳固的灯塔,为前端应用提供数据和逻辑支撑。本文旨在通过浅显易懂的方式,带领读者了解如何利用Node.js这一强大的后端平台,搭建一个高效、可靠的RESTful API。我们将从基础概念入手,逐步深入到代码实践,最终实现一个简单的API示例。这不仅是对技术的探索,也是对知识传递方式的一次创新尝试。让我们一起启航,探索Node.js的奥秘,解锁后端开发的无限可能。

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等