掌握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

相关文章

Java 正则表达式URL 匹配与源码全解析

《Java正则表达式URL匹配与源码全解析》在Web应用开发中,我们经常需要对URL进行格式验证,今天我们结合Java的Pattern和Matcher类,深入理解正则表达式在实际应用中... 目录1.正则表达式分解:2. 添加域名匹配 (2)3. 添加路径和查询参数匹配 (3) 4. 最终优化版本5.设计思

Java使用ANTLR4对Lua脚本语法校验详解

《Java使用ANTLR4对Lua脚本语法校验详解》ANTLR是一个强大的解析器生成器,用于读取、处理、执行或翻译结构化文本或二进制文件,下面就跟随小编一起看看Java如何使用ANTLR4对Lua脚本... 目录什么是ANTLR?第一个例子ANTLR4 的工作流程Lua脚本语法校验准备一个Lua Gramm

Java字符串操作技巧之语法、示例与应用场景分析

《Java字符串操作技巧之语法、示例与应用场景分析》在Java算法题和日常开发中,字符串处理是必备的核心技能,本文全面梳理Java中字符串的常用操作语法,结合代码示例、应用场景和避坑指南,可快速掌握字... 目录引言1. 基础操作1.1 创建字符串1.2 获取长度1.3 访问字符2. 字符串处理2.1 子字

Java Optional的使用技巧与最佳实践

《JavaOptional的使用技巧与最佳实践》在Java中,Optional是用于优雅处理null的容器类,其核心目标是显式提醒开发者处理空值场景,避免NullPointerExce... 目录一、Optional 的核心用途二、使用技巧与最佳实践三、常见误区与反模式四、替代方案与扩展五、总结在 Java

基于Java实现回调监听工具类

《基于Java实现回调监听工具类》这篇文章主要为大家详细介绍了如何基于Java实现一个回调监听工具类,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录监听接口类 Listenable实际用法打印结果首先,会用到 函数式接口 Consumer, 通过这个可以解耦回调方法,下面先写一个

使用Java将DOCX文档解析为Markdown文档的代码实现

《使用Java将DOCX文档解析为Markdown文档的代码实现》在现代文档处理中,Markdown(MD)因其简洁的语法和良好的可读性,逐渐成为开发者、技术写作者和内容创作者的首选格式,然而,许多文... 目录引言1. 工具和库介绍2. 安装依赖库3. 使用Apache POI解析DOCX文档4. 将解析

Java字符串处理全解析(String、StringBuilder与StringBuffer)

《Java字符串处理全解析(String、StringBuilder与StringBuffer)》:本文主要介绍Java字符串处理全解析(String、StringBuilder与StringBu... 目录Java字符串处理全解析:String、StringBuilder与StringBuffer一、St

springboot整合阿里云百炼DeepSeek实现sse流式打印的操作方法

《springboot整合阿里云百炼DeepSeek实现sse流式打印的操作方法》:本文主要介绍springboot整合阿里云百炼DeepSeek实现sse流式打印,本文给大家介绍的非常详细,对大... 目录1.开通阿里云百炼,获取到key2.新建SpringBoot项目3.工具类4.启动类5.测试类6.测

Spring Boot循环依赖原理、解决方案与最佳实践(全解析)

《SpringBoot循环依赖原理、解决方案与最佳实践(全解析)》循环依赖指两个或多个Bean相互直接或间接引用,形成闭环依赖关系,:本文主要介绍SpringBoot循环依赖原理、解决方案与最... 目录一、循环依赖的本质与危害1.1 什么是循环依赖?1.2 核心危害二、Spring的三级缓存机制2.1 三

在Spring Boot中浅尝内存泄漏的实战记录

《在SpringBoot中浅尝内存泄漏的实战记录》本文给大家分享在SpringBoot中浅尝内存泄漏的实战记录,结合实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录使用静态集合持有对象引用,阻止GC回收关键点:可执行代码:验证:1,运行程序(启动时添加JVM参数限制堆大小):2,访问 htt