JavaScript 从数组中删除中间元素的程序

在本文中，我们将学习如何从给定数组中删除中间元素的不同方法。我们将使用以下JavaScript方法来实现这一目标：

删除数组中间元素的方法

使用JavaScript Spread Operator
使用JavaScript splice() 方法
使用JavaScript delete Operator
使用JavaScript array filter() 方法

方法1：使用JavaScript Spread Operator

Spread operator（扩展运算符） 允许可迭代对象在期望0个或多个参数的位置扩展。它通常用于变量数组，其中需要多个值。

语法：

let variablename1 = [...value];

示例: 在这个示例中，我们将使用JavaScript扩展运算符来创建一个不包含中间元素的新数组。

Javascript

// Input array 
let Arr = [1, 2, 3, 4, 5, 6]; 
  
// Index of deleting element 
let middleIndex = Math.floor(Arr.length / 2); 
let newArray =  
    [...Arr.slice(0, middleIndex), ...Arr.slice(middleIndex + 1)] 
  
console.log(newArray);

输出

[ 1, 2, 3, 5, 6 ]

方法2：使用JavaScript的splice()方法

JavaScript Array splice() 方法是JavaScript中的内置方法，用于通过移除现有元素和/或添加新元素来修改数组的内容。

语法：

Array.splice( index, remove_count, item_list )

示例: 在这个示例中，我们将使用JavaScript的splice方法来删除中间元素。

Javascript

// Input array 
let Arr = [1, 2, 3, 4, 5, 6]; 
  
// Index of deleting element 
let middleIndex = Math.floor(Arr.length / 2); 
Arr.splice(middleIndex, 1); 
  
console.log(Arr);

输出

[ 1, 2, 3, 5, 6 ]

方法3：使用JavaScript的delete运算符

delete运算符用于删除JavaScript对象和对象属性。

语法：

delete object;  
delete object[property];

示例： 在这个示例中，我们将使用JavaScript中的删除运算符删除中间元素。

Javascript

// Input array 
let Arr = [1, 2, 3, 4, 5, 6]; 
  
// Index of deleting element 
let index = Math.floor(Arr.length / 2); 
delete Arr[index]; 
  
console.log(Arr);

输出

[ 1, 2, 3, <1 empty item>, 5, 6 ]

方法4：使用JavaScript array.filter()方法

JavaScript Array filter() 方法用于从给定的数组中创建一个新数组，该新数组仅包含满足由参数方法设定的条件的元素。

语法：

array.filter(callback(element, index, arr), thisValue)

示例： 在这个示例中，我们将使用JavaScript的array.filter()方法来创建一个 ****新的数组，其中不含中间元素。

Javascript

// Input array 
let Arr = [1, 2, 3, 4, 5, 6]; 
  
// Index of deleting element 
let middleIndex = Math.floor(Arr.length / 2); 
let newArray =  
    Arr.filter((e, i) => i !== middleIndex) 
  
console.log(newArray);