极客教程JavaScript 从数组中删除元素
JavaScript数组是用于存储元素或一组值的单个变量。您可以在任何位置向数组中添加或删除元素。在本文中，我们将讨论从数组中删除元素的不同方法。
从JavaScript数组中删除元素的方法
下面讨论了许多用于从JavaScript数组中删除元素的方法：
- 使用JavaScript的pop()方法
- 使用JavaScript的shift()方法
- 使用JavaScript的splice()方法
- 使用JavaScript的filter()方法
- 使用删除方法
- 使用JavaScript的删除操作符
- 使用清除和重置操作符
- 使用for()循环和一个新数组
- 使用lodash _.remove方法
注意： 还有一些其他由JavaScript内置方法创建的方法。
以下示例说明了从JavaScript数组中删除元素的方法：
方法1：使用pop()方法
此方法用于删除数组的最后一个元素，并返回被删除的元素。此函数将数组的长度减少1。
示例1：
// JavaScript code to illustrate pop() function
// to remove array elements
function func() {
let arr = ["shift", "splice", "filter", "pop"];
// Popping the last element from the array
let popped = arr.pop();
console.log("Removed element: " + popped);
console.log("Remaining elements: " + arr);
}
func();
输出
Removed element: pop
Remaining elements: shift,splice,filter
示例2：
// Declare and initialize an array
let array = ["pop", "splice", "filter", "shift"]
console.log("Original array: " + array + "<br>")
// Loop run while array length not zero
while (array.length) {
// Remove elements from array
array.pop();
}
console.log("Array Length: " + array.length)
输出
Original array: pop,splice,filter,shift<br>
Array Length: 0
方法2：使用 shift() 方法
此方法用于移除数组的第一个元素并将原数组的大小减小1。
示例：
// JavaScript code to illustrate shift() method
// to remove elements from array
function func() {
let arr = ["shift", "splice", "filter", "pop"];
// Removing the first element from array
let shifted = arr.shift();
console.log("Removed element: " + shifted);
console.log("Remaining elements: " + arr);
}
func();
输出
Removed element: shift
Remaining elements: splice,filter,pop
方法3：使用splice()方法
此方法用于通过删除现有元素和/或添加新元素来修改数组的内容。使用splice()方法删除元素可以通过不同的方式指定要删除的元素。
示例1： 使用splice方法的索引来从JavaScript数组中删除元素。
// JavaScript code to illustrate splice() function
function func() {
let arr = ["shift", "splice", "filter", "pop"];
// Removing the specified element from the array
let spliced = arr.splice(1, 1);
console.log("Removed element: " + spliced);
console.log("Remaining elements: " + arr);
}
func();
输出
Removed element: splice
Remaining elements: shift,filter,pop
示例2: 使用splice方法的值从JavaScript数组中移除元素。
// JavaScript code to illustrate splice() function
function func() {
let arr = ["shift", "splice", "filter", "pop"];
// Removing the specified element by value from the array
for (let i = 0; i < arr.length; i++) {
if (arr[i] === "splice") {
let spliced = arr.splice(i, 1);
console.log("Removed element: " + spliced);
console.log("Remaining elements: " + arr);
}
}
}
func();
输出
Removed element: splice
Remaining elements: shift,filter,pop
示例3： 使用splice方法从JavaScript数组中删除每个元素。
// Declare and initialize array
let array = ["pop", "splice", "filter", "shift"]
console.log("Original array: " + array)
// Making the length of array to 0 by using splice method
array.splice(0, array.length);
console.log("Empty array: " + array)
输出
Original array: pop,splice,filter,shift
Empty array:
方法4：使用 filter() 方法
这个方法用于从给定的数组中创建一个新的数组，该新数组只包含满足由参数函数设置的条件的元素。你可以通过 filter() 方法以不同的方式指定要删除的元素。
示例: 使用 filter 方法的值从 JavaScript 数组中删除元素。
// JavaScript to illustrate filter() method
function isPositive(value) {
return value > 0;
}
function func() {
let filtered = [101, 98, 12, -1, 848].filter(isPositive);
console.log("Positive elements in array: " + filtered);
}
func();
输出
Positive elements in array: 101,98,12,848
方法5：使用Remove方法
使用filter方法创建一个remove方法，从JavaScript数组中移除元素。这种方法按相反的顺序工作。
示例：
// Declare and initialize an array
let array = ["lowdash", "remove", "delete", "reset"]
// Using filter method to create a remove method
function arrayRemove(arr, value) {
return arr.filter(function (geeks) {
return geeks != value;
});
}
let result = arrayRemove(array, "delete");
console.log("Remaining elements: " + result)
输出
Remaining elements: lowdash,remove,reset
方法6：使用删除操作符
使用删除操作符从JavaScript数组中移除元素。
示例：
// Declare and initialize an array
let array = ["lowdash", "remove", "delete", "reset"]
// Delete element at index 2
let deleted = delete array[2];
console.log("Removed: " + deleted);
console.log("Remaining elements: " + array);
输出
Removed: true
Remaining elements: lowdash,remove,,reset
方法7：使用clear和reset运算符
使用clear和reset运算符从JavaScript数组中移除元素。
示例1：
// Declare and initialize an array
let array = ["lowdash", "remove", "delete", "reset"]
// Sorting array in another array
let arraygeeks = array
// Delete each element of array
array = []
console.log("Empty array: " + array)
console.log("Original array: " + arraygeeks)
输出
Empty array:
Original array: lowdash,remove,delete,reset
示例2：
// Declare and initialize an array
let array = ["lodash", "remove", "delete", "reset"]
console.log("Original array: " + array + "<br>")
// Making the array length to 0
array.length = 0;
console.log("Empty array: " + array)
输出
Original array: lodash,remove,delete,reset<br>
Empty array:
方法8：使用简单的for()循环和新数组
在此方法中，将在数组上运行一个简单的for()循环，除去被移除的元素外，将剩余的元素推入在函数或方法内部声明的新数组中。
示例：
let removeElement = (array, n) => {
let newArray = [];
for (let i = 0; i < array.length; i++) {
if (array[i] !== n) {
newArray.push(array[i]);
}
}
return newArray;
};
let passed_in_array = [1, 2, 3, 4, 5];
let element_to_be_removed = 2;
let result = removeElement(passed_in_array, element_to_be_removed);
console.log("Remaining elements: " + result);
输出
Remaining elements: 1,3,4,5
方法9：使用lodash _.remove方法
使用lodash库从JavaScript数组中删除元素。要使用lodash库，您需要在本地系统上安装它。
示例：
// Import Lodash library
const _ = require('lodash');
// Declare and initialize an array
let array = [101, 98, 12, -1, 848];
// using _.remove to remove odd number
let evens= _.remove(array, function(n) {
return n % 2 == 0;
});
console.log("odd elements: " + array);
console.log("even elements: " + evens);
输出：
odd elements: 101, -1
even elements: 98, 12, 848
十个最著名的艺术家之一，文森特·梵高（Vincent van Gogh）以他独特的绘画风格而闻名。他生活在19世纪末和20世纪初的荷兰，并且他的作品以明亮的色彩、鲜明的笔触和戏剧性的主题而获得了广泛的赞誉。他创作了许多著名的作品，包括《星空》、《向日葵》和《耳朵割裂自画像》等。尽管他在生活中一度陷入困境并在1890年去世，但他的作品在他离世后变得非常受欢迎，并且对后来的艺术家和观众产生了深远的影响。