Web Front-end
JS Tutorial
JS array learning: how to delete any element based on the array subscript
JS array learning: how to delete any element based on the array subscript
In the previous article "JS Array Learning: How to Remove Head or Tail Elements", we introduced how to delete elements at the beginning or end of an array. Let's continue learning and practicing JavaScript arrays and see how to delete any element based on the array subscript. Interested friends can learn about it~
We all know that each element in the array has a serial number , this serial number starts from 0 and is called the index. According to this array subscript, we can use the form array name[subscript] to access the element of the specified subscript.
After accessing the specified element, you can use the delete operator to delete the element, but the length of the array will not change; the deleted element will change It is a gap element.
var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
delete arr[1]; //删除下标为1的元素（第二个元素）
console.log(arr);
The gap element can be read and written. The length attribute does not exclude gaps. The return value of the null element position is undefined
console.log(arr[1]);
Explanation: An empty element and an element whose value is undefined are two different concepts. Even the return value of an empty element is undefined. When JavaScript initializes an array, it can allocate memory only if it actually stores valuable elements.
The delete operator can only be used to delete one array element at a time, and because the length of the array is not changed, we cannot observe changes in the array through the length attribute. So if you want to delete one or more elements at a specified subscript position, and actually delete these elements, the length of the array needs to be changed. What should you do?
You can use the splice() method. As I said before, splice() is a powerful method. We have already learned how to use it to insert elements. This time we will learn how to use splice() to delete one or more elements at a specified subscript position. .
Syntax for deleting elements:
array.splice(index,howmany)
The first parameter
indexcan specify the starting subscript position (that is, the position where the element is deleted) ;The second parameter
howmanyspecifies the number of elements that should be deleted (that is, one or more elements that need to be deleted).
Let’s take a closer look at the following example:
var arr= [1,2,3,4,5]; console.log(arr); arr.splice(1,2); console.log(arr);
It can be seen that: use arr.splice(1,2)Delete 2 elements starting from the position of subscript 1 (the second element of the array), that is, arr[1] and arr[2] are deleted, so the output result is :
Using the splice() method, we can also delete elements at the beginning and end of the array:
If you want To delete an element at the beginning of the array, just set the value of the first parameter index of the method to 0
var arr= [1,2,3,4,5]; console.log(arr); arr.splice(0,2); console.log(arr);
If If you want to delete elements at the end of the array, set the value of the first parameter index of the method to a negative number, then it will be positioned from the right side of the array to the left according to the absolute value; and the value of the second parameter howmany must be equal to index value.
var arr= [1,2,3,4,5]; console.log(arr); //从倒数第二个元素开始，截取两个元素 arr.splice(-2,2); console.log(arr);
Okay, that’s all. If you need it, you can read: javascript advanced tutorial
The above is the detailed content of JS array learning: how to delete any element based on the array subscript. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
Recommended: Excellent JS open source face detection and recognition project
Apr 03, 2024 am 11:55 AM
Face detection and recognition technology is already a relatively mature and widely used technology. Currently, the most widely used Internet application language is JS. Implementing face detection and recognition on the Web front-end has advantages and disadvantages compared to back-end face recognition. Advantages include reducing network interaction and real-time recognition, which greatly shortens user waiting time and improves user experience; disadvantages include: being limited by model size, the accuracy is also limited. How to use js to implement face detection on the web? In order to implement face recognition on the Web, you need to be familiar with related programming languages and technologies, such as JavaScript, HTML, CSS, WebRTC, etc. At the same time, you also need to master relevant computer vision and artificial intelligence technologies. It is worth noting that due to the design of the Web side
How to remove duplicate elements from PHP array using foreach loop?
Apr 27, 2024 am 11:33 AM
The method of using a foreach loop to remove duplicate elements from a PHP array is as follows: traverse the array, and if the element already exists and the current position is not the first occurrence, delete it. For example, if there are duplicate records in the database query results, you can use this method to remove them and obtain results without duplicate records.
The Art of PHP Array Deep Copy: Using Different Methods to Achieve a Perfect Copy
May 01, 2024 pm 12:30 PM
Methods for deep copying arrays in PHP include: JSON encoding and decoding using json_decode and json_encode. Use array_map and clone to make deep copies of keys and values. Use serialize and unserialize for serialization and deserialization.
PHP array key value flipping: Comparative performance analysis of different methods
May 03, 2024 pm 09:03 PM
The performance comparison of PHP array key value flipping methods shows that the array_flip() function performs better than the for loop in large arrays (more than 1 million elements) and takes less time. The for loop method of manually flipping key values takes a relatively long time.
PHP array multi-dimensional sorting practice: from simple to complex scenarios
Apr 29, 2024 pm 09:12 PM
Multidimensional array sorting can be divided into single column sorting and nested sorting. Single column sorting can use the array_multisort() function to sort by columns; nested sorting requires a recursive function to traverse the array and sort it. Practical cases include sorting by product name and compound sorting by sales volume and price.
Application of PHP array grouping function in data sorting
May 04, 2024 pm 01:03 PM
PHP's array_group_by function can group elements in an array based on keys or closure functions, returning an associative array where the key is the group name and the value is an array of elements belonging to the group.
Best Practices for Deep Copying PHP Arrays: Discover Efficient Methods
Apr 30, 2024 pm 03:42 PM
The best practice for performing an array deep copy in PHP is to use json_decode(json_encode($arr)) to convert the array to a JSON string and then convert it back to an array. Use unserialize(serialize($arr)) to serialize the array to a string and then deserialize it to a new array. Use the RecursiveIteratorIterator to recursively traverse multidimensional arrays.
The role of PHP array grouping function in finding duplicate elements
May 05, 2024 am 09:21 AM
PHP's array_group() function can be used to group an array by a specified key to find duplicate elements. This function works through the following steps: Use key_callback to specify the grouping key. Optionally use value_callback to determine grouping values. Count grouped elements and identify duplicates. Therefore, the array_group() function is very useful for finding and processing duplicate elements.
