在 JavaScript 中交换数组元素

发布于:2022-12-06 ⋅ 阅读:(181) ⋅ 点赞:(0)

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

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

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

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

目录

1.在JavaScript 中使用临时变量排序元素 

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

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


1.在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)

 输出:

 

 如您所见,xhold[1,2,3]yhold [4,5,6]。当交换开始时,变量a接受 的元素x,而x接收 的元素y。对于最后一步,y附加a. 结果推断出交换的结果。

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

ES6 析构函数赋值更容易交换两个数组,并且只需要一行代码。它只需要在方括号中分配数组并以相反的形式设置右侧。

如果仔细观察,设置析构函数赋值的模式很容易。

代码片段:

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

 输出:

 

3.在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。当我们执行时, is和is7^4对应的位模式。71114100

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

而在x[0],我们会得到111^011 = 100 (4)。因此,我们的xy数组的第一个元素被交换,我们可以对每个索引元素重复这个迭代。

本文含有隐藏内容,请 开通VIP 后查看