2024年Web前端最新力扣面试题--合并两个有序数组，前端页面的信息展示

最后

我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

篇幅有限，仅展示部分截图：

问题

给你两个按 非递减顺序 排列的整数数组 nums1 和 nums2，另有两个整数 m 和 n ，
分别表示 nums1 和 nums2 中的元素数目。
请你 合并 nums2 到 nums1 中，使合并后的数组同样按 非递减顺序 排列。

注意：最终，合并后数组不应由函数返回，而是存储在数组 nums1 中。
为了应对这种情况，nums1 的初始长度为 m + n，其中前 m 个元素表示应合并的元素，
后 n 个元素为 0 ，应忽略。nums2 的长度为 n 。

示例 1：

输入：nums1 = [1,2,3,0,0,0], m = 3, nums2 = [2,5,6], n = 3输出：[1,2,2,3,5,6]解释：需要合并 [1,2,3] 和 [2,5,6] 。合并结果是 [1,2,2,3,5,6] ，其中斜体加粗标注的为 nums1 中的元素。

示例 2：

输入：nums1 = [1], m = 1, nums2 = [], n = 0

输出：[1]解释：需要合并 [1] 和 [] 合并结果是 [1] 

示例 3：

输入：nums1 = [0], m = 0, nums2 = [1], n = 1输出：[1]解释：需要合并的数组是 [] 和 [1] 。合并结果是 [1] 。注意，因为 m = 0 ，所以 nums1 中没有元素，
nums1 中仅存的 0 仅仅是为了确保合并结果可以顺利存放到 nums1 中。 

提示：

nums1.length == m + nnums2.length == n0 <= m, n <= 2001 <= m + n <= 200-109 <= nums1[i], nums2[j] <= 109

分析

假设有两个有序数组nums1和nums2，分别有m和n个元素。我们希望将它们合并成一个有序数组，并存储在nums1中。首先，创建三个指针：- p1指向nums1的末尾（即索引为m-1处）- p2指向nums2的末尾（即索引为n-1处）- p指向合并后的nums1的末尾（即索引为m+n-1处）然后，进行如下循环：- 比较nums1[p1]和nums2[p2]的大小：- 如果nums1[p1] >= nums2[p2]，将nums1[p1]放入nums1[p]的位置，然后将p1和p分别向前移动一位。- 如果nums1[p1] < nums2[p2]，将nums2[p2]放入nums1[p]的位置，然后将p2和p分别向前移动一位。- 当其中一个数组遍历完（即p1或p2小于0）时，退出循环。如果nums2中还有剩余的元素，直接将剩余的元素复制到nums1中对应的位置。最后，nums1中就是合并后的有序数组。

Python代码实现

要解答这个问题，可以使用双指针法来合并两个有序数组。
首先，创建两个指针p1和p2，分别指向nums1的末尾（即m-1）和nums2的末尾（即n-1）。
同时，创建一个指针p用于指向合并后的nums1的末尾（即m+n-1）。
然后，比较nums1[p1]和nums2[p2]的大小，将较大的元素放入nums1[p]的位置
并将对应的指针向前移动一位。重复这个过程直到其中一个数组遍历完
如果nums2中还有剩余的元素，直接将剩余的元素复制到nums1中对应的位置

def merge(nums1, m, nums2, n):
    p1 = m - 1
    p2 = n - 1
    p = m + n - 1


### js基础
1)对js的理解？
2)请说出以下代码输出的值？
3)把以下代码，改写成依次输出0-9
4)如何区分数组对象，普通对象，函数对象
5)面向对象、面向过程
6)面向对象的三大基本特性
7)XML和JSON的区别？
8)Web Worker 和webSocket？
9)Javascript垃圾回收方法？
10)new操作符具体干了什么呢？
11)js延迟加载的方式有哪些？
12)WEB应用从服务器主动推送Data到客户端有那些方式？

![js基础.PNG](https://img-blog.csdnimg.cn/img_convert/6612e133d3045d932096ae7c76e92d99.webp?x-oss-process=image/format,png)

![前16.PNG](https://img-blog.csdnimg.cn/img_convert/f746d37839130780e05d07a45c6e4d77.webp?x-oss-process=image/format,png)

>**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**