迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

在 JavaScript 中交换数组元素

作者:迹忆客 最近更新:2023/06/05 浏览次数:

交换两个元素的传统方法是使用临时变量。 在 JavaScript 中,我们可以轻松地将数组对象重新分配给默认设置为数组对象的变量,并使过程更进一步,以交换两个数组的元素。

同样,ES6 约定为普通变量和对象带来了更高效的交换。 另一种方法是使用另一种传统方法,即使用循环遍历数组元素并交换它们,读取索引。

这种方式太费时,还要考虑一些额外的代码行。

在这里,我们将看到所有可使交换任务更加灵活的优选示例。 让我们进入代码库!


在 JavaScript 中使用临时变量交换数组元素

在下面的示例中,我们将采用两个具有相应元素的数组。 我们的目标是分配一个新变量并将其中一个数组传输到那里。

然后将另一个数组重新分配给刚刚将其内容转移到变量的数组。 最后,将变量内容转移到我们选择的最后一个数组。

这是数组元素临时变量切换的基本操作。

代码片段:

var x = [1,2,3];
var y = [4,5,6];
var a;
a=x;
x=y
y=a;
console.log(x)
console.log(y)

输出:

使用临时变量交换数组元素

如您所见,x 包含 [1,2,3],y 包含 [4,5,6]。 当交换开始时,变量 a 获取 x 的元素,而 x 接收 y 的元素。

对于最后一步,y 附加 a 的内容。 结果推断出交换结果。


使用 ES6 析构函数赋值在 JavaScript 中交换数组元素

ES6 的析构函数赋值可以更轻松地交换两个数组,并且只需要一行代码。 只需要对方括号中的数组进行赋值,将右边倒置即可。

如果仔细观察,设置析构函数分配的模式是毫不费力的。

代码片段:

var x = [1,3,5];
var y = [2,4,6];
[x,y]=[y,x]
console.log(x)
console.log(y)

输出:

使用 ES6 析构函数赋值交换数组元素


使用按位异或和数组迭代在 JavaScript 中交换数组元素

除了上面提到的两种约定,还有多种交换数组元素的方法。 您可以使用减法、按位 XOR 运算或通过对数组应用迭代来使用临时变量规则进行交换。

在这里,我们计算了 XOR 操作来交换两个数组的元素。

代码片段:

var x = [7,42,7];
var y = [4,5,6];
if(x.length == y.length){
  for(var i=0;i<x.length;i++){
    x[i] = x[i] ^ y[i]
    y[i] = x[i] ^ y[i]
    x[i] = x[i] ^ y[i]
  }
}
console.log(x)
console.log(y)

输出:

使用按位异或和数组迭代来交换数组元素

让我们考虑这个例子,x[0] = 7 和 y[0] = 4。当我们执行 7^4 时,7 对应的位模式是 111,4 是 100。

在第一个 XOR 之后,我们得到 011,存储为 x[0]。 对于下一个 XOR,我们有 x[0] = 3 (011) 和 y[0] = 100,所以在这种情况下,结果存储在 y[0] 中是 111 = 7。

在 x[0] 中,我们将得到 111^011 = 100 (4)。 因此,我们交换了 x 和 y 数组的第一个元素,我们可以为每个索引元素重复此迭代。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

在 JavaScript 中存储字节数组

发布时间:2023/06/05 浏览次数:80 分类:JavaScript

本文将讨论如何在 JavaScript 中存储字节数组。JavaScript 中的 ArrayBuffer 对象 字节数组或字节数组在 JavaScript 中称为 ArrayBuffer 对象。

JavaScript 中的深度复制数组

发布时间:2023/06/05 浏览次数:196 分类:JavaScript

在本文中,您将学习深拷贝和浅拷贝的概念。 本文还将介绍在 JavaScript 中对数组执行深拷贝的方法。JavaScript浅拷贝和深拷贝介绍 在 JavaScript 中,可以通过两种方式复制对象。

JavaScript Date.getTime() 方法

发布时间:2023/06/05 浏览次数:85 分类:JavaScript

在本文中,我们将讨论 Date 类中的 getTime() 方法是什么以及如何在不同的用例中获取时间。 此外,我们还将查看与 getTime() 类似的方法,即 now() 方法以及示例。

在 JavaScript 中获取选中或突出显示的文本

发布时间:2023/06/04 浏览次数:172 分类:JavaScript

本文将展示我们如何使用 DOM API 来让用户在屏幕上突出显示或选择文本。 DOM API 为我们提供了 getSelection() 方法,该方法允许我们获取用户选择的文本。

去除 JavaScript 中的空格

发布时间:2023/06/04 浏览次数:195 分类:JavaScript

在 JavaScript 中,我们可以借助 trim() 和 replace() 等默认 JavaScript 字符串方法从字符串中删除单个或多个空格。使用 JavaScript 中的 trim() 方法去除空格

在 JavaScript 中清理字符串

发布时间:2023/06/04 浏览次数:129 分类:JavaScript

这篇 JavaScript 教程文章解释了在 JavaScript 中清理数据的含义。 此外,它还讨论了可用于清理 JavaScript 中的字符串的不同包。

在 JavaScript 中更改字符串字符

发布时间:2023/06/04 浏览次数:75 分类:JavaScript

在本文中,我们将学习如何使用不同的代码示例在 JavaScript 中使用多种方法从给定的字符串值更改特定索引处的特定字符。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便