掌握JavaScript数组:五个挑战性练习题提升你的技能水平

本文主要是介绍掌握JavaScript数组:五个挑战性练习题提升你的技能水平,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

练习题1: "查找重复元素"

  • 给定一个只包含数字的数组,找出其中重复出现的数字。

练习题2: "正数之和"

  • 给定一个整数数组,计算其中所有正数的和。

练习题3: "数组交集"

  • 给定两个数组,找出它们的交集并返回一个新的数组。

练习题4: "数组分块"

  • 给定一个数组和一个大小值,将数组按照指定的大小分割成多个子数组。

练习题5: "数组旋转"

  • 给定一个数组和一个旋转值,将数组向右旋转指定的次数。

代码以下:

练习题1: "查找重复元素"

问题描述:给定一个只包含数字的数组,找出其中重复出现的数字。

const findDuplicates = (arr) => {const duplicates = [];arr.forEach((value, index) => {if (arr.indexOf(value) !== index && !duplicates.includes(value)) {duplicates.push(value);}});return duplicates;
};const numbers = [1, 2, 3, 4, 4, 5, 6, 6];
console.log(findDuplicates(numbers)); // 输出 [4, 6]

练习题2: "正数之和"

问题描述:给定一个整数数组,计算其中所有正数的和。

const sumPositiveNumbers = (arr) => {return arr.reduce((sum, currentValue) => {if (currentValue > 0) {return sum + currentValue;}return sum;}, 0);
};const numbers = [-1, 2, -3, 4, 5, -6];
console.log(sumPositiveNumbers(numbers)); // 输出 11

练习题3: "数组交集"

问题描述:给定两个数组,找出它们的交集并返回一个新的数组。

const findIntersection = (arr1, arr2) => {return arr1.filter(value => arr2.includes(value));
};const array1 = [1, 2, 3, 4, 5];
const array2 = [4, 5, 6, 7, 8];
console.log(findIntersection(array1, array2)); // 输出 [4, 5]

练习题4: "数组分块"

问题描述:给定一个数组和一个大小值,将数组按照指定的大小分割成多个子数组。

const chunkArray = (arr, size) => {const chunkedArr = [];for (let i = 0; i < arr.length; i += size) {const chunk = arr.slice(i, i + size);chunkedArr.push(chunk);}return chunkedArr;
};const array = [1, 2, 3, 4, 5, 6, 7, 8];
console.log(chunkArray(array, 3)); // 输出 [[1, 2, 3], [4, 5, 6], [7, 8]]

练习题5: "数组旋转"

问题描述:给定一个数组和一个旋转值,将数组向右旋转指定的次数。

const rotateArray = (arr, rotations) => {const normalizedRotations = rotations % arr.length;const rotatedArr = [...arr.slice(-normalizedRotations), ...arr.slice(0, -normalizedRotations)];return rotatedArr;
};const array = [1, 2, 3, 4, 5];
console.log(rotateArray(array, 2)); // 输出 [4, 5, 1, 2, 3]

上述代码使用了ES6最新的语法来解决每个练习题。它们提供了解决问题的逻辑,帮助你提高对JavaScript数组的理解和技能水平。

这篇关于掌握JavaScript数组:五个挑战性练习题提升你的技能水平的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/544958

相关文章

SpringBoot集成图片验证码框架easy-captcha的详细过程

《SpringBoot集成图片验证码框架easy-captcha的详细过程》本文介绍了如何将Easy-Captcha框架集成到SpringBoot项目中,实现图片验证码功能,Easy-Captcha是... 目录SpringBoot集成图片验证码框架easy-captcha一、引言二、依赖三、代码1. Ea

Springboot控制反转与Bean对象的方法

《Springboot控制反转与Bean对象的方法》文章介绍了SpringBoot中的控制反转(IoC)概念,描述了IoC容器如何管理Bean的生命周期和依赖关系,它详细讲解了Bean的注册过程,包括... 目录1 控制反转1.1 什么是控制反转1.2 SpringBoot中的控制反转2 Ioc容器对Bea

Spring Cloud Hystrix原理与注意事项小结

《SpringCloudHystrix原理与注意事项小结》本文介绍了Hystrix的基本概念、工作原理以及其在实际开发中的应用方式,通过对Hystrix的深入学习,开发者可以在分布式系统中实现精细... 目录一、Spring Cloud Hystrix概述和设计目标(一)Spring Cloud Hystr

Spring Boot整合消息队列RabbitMQ的实现示例

《SpringBoot整合消息队列RabbitMQ的实现示例》本文主要介绍了SpringBoot整合消息队列RabbitMQ的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的... 目录RabbitMQ 简介与安装1. RabbitMQ 简介2. RabbitMQ 安装Spring

springMVC返回Http响应的实现

《springMVC返回Http响应的实现》本文主要介绍了在SpringBoot中使用@Controller、@ResponseBody和@RestController注解进行HTTP响应返回的方法,... 目录一、返回页面二、@Controller和@ResponseBody与RestController

JAVA集成本地部署的DeepSeek的图文教程

《JAVA集成本地部署的DeepSeek的图文教程》本文主要介绍了JAVA集成本地部署的DeepSeek的图文教程,包含配置环境变量及下载DeepSeek-R1模型并启动,具有一定的参考价值,感兴趣的... 目录一、下载部署DeepSeek1.下载ollama2.下载DeepSeek-R1模型并启动 二、J

springboot rocketmq配置生产者和消息者的步骤

《springbootrocketmq配置生产者和消息者的步骤》本文介绍了如何在SpringBoot中集成RocketMQ,包括添加依赖、配置application.yml、创建生产者和消费者,并展... 目录1. 添加依赖2. 配置application.yml3. 创建生产者4. 创建消费者5. 使用在

Spring Retry 实现乐观锁重试实践记录

《SpringRetry实现乐观锁重试实践记录》本文介绍了在秒杀商品SKU表中使用乐观锁和MybatisPlus配置乐观锁的方法,并分析了测试环境和生产环境的隔离级别对乐观锁的影响,通过简单验证,... 目录一、场景分析 二、简单验证 2.1、可重复读 2.2、读已提交 三、最佳实践 3.1、配置重试模板

Spring中@Lazy注解的使用技巧与实例解析

《Spring中@Lazy注解的使用技巧与实例解析》@Lazy注解在Spring框架中用于延迟Bean的初始化,优化应用启动性能,它不仅适用于@Bean和@Component,还可以用于注入点,通过将... 目录一、@Lazy注解的作用(一)延迟Bean的初始化(二)与@Autowired结合使用二、实例解

SpringBoot使用Jasypt对YML文件配置内容加密的方法(数据库密码加密)

《SpringBoot使用Jasypt对YML文件配置内容加密的方法(数据库密码加密)》本文介绍了如何在SpringBoot项目中使用Jasypt对application.yml文件中的敏感信息(如数... 目录SpringBoot使用Jasypt对YML文件配置内容进行加密(例:数据库密码加密)前言一、J