Web Front-end
JS Tutorial
Summary of basic knowledge of javascript Array object_javascript skills
Summary of basic knowledge of javascript Array object_javascript skills
My summary of ideas for Array objects is: 5 methods, 3 moves, 12 formulas
1. Declaring the 5th method: only for one-dimensional arrays, of course, there are also two-dimensional and three-dimensional arrays, so I won’t explain it here.
var a = new Array();
var a = new Array;
var a = new Array(10);//Create an Array object and specify the number of items in the array
var a = new Array("red","blue ","green");
var a = ["red"," blue"," green"];
2. Attribute 3 tricks: constructor, length, prototype
constructor represents a function that creates an object. The constructor property is a member of all objects that have a prototype. They include all JScript native objects except Global and Math objects. The constructor property holds a reference to the function that constructs a specific object instance. For example:
x = new String("Hi");
if (x.constructor == String)
// Process (condition is true).
or
function MyFunc {
// Function body.
}
y = new MyFunc;
if (y.constructor == MyFunc)
// Process (condition is true).
Length represents the length of the array and how many items there are. I won’t write an example here.
prototype returns a reference to the prototype of the object type. Use the prototype property to provide a basic set of functionality for an object's class. New instances of an object "inherit" the operations assigned to the object's prototype.
For example, add a method to an Array object that returns the value of the largest element in the array. To accomplish this, declare the function, add it to Array.prototype, and use it.
function array_max( ){
var i, max = this[0];
for (i = 1; i < this.length; i )
{
if(max < this[i])
max = this[i] ;
}
return max;
}
Array.prototype.max = array_max;
var x = new Array(1, 2, 3, 4, 5, 6);
var y = x.max( );
After this code is executed, y saves the maximum value in the array x, or 6.
3. Method 12: concat method | join method | pop method | push method | reverse method | shift method | unshift method | slice method | splice method | sort method | toString method | valueOf method
//1.concat(): Returns a new array, which is a combination of two or more arrays.
var a1 = [1,2,3,4];
var a2 = a1.concat("5",'6');
alert(a2); //Result: 1,2 ,3,4,5,6
//2.join(): Returns a string value that contains all elements of the arrays connected together, with the elements separated by the specified delimiter.
var a1 = [1,2,3,4];
var a2 = a1.join();
var a3 = a1.join(",");
var a4 = a1 .join("|");
alert(a2); //Result: 1,2,3,4
alert(a3); //Result: 1,2,3,4
alert (a4); //Result: 1|2|3|4
//3.pop(): Remove the last element in the array and return the element. If the array is empty, undefined will be returned.
var a1 = [1,2,3,4];
var item = a1.pop();
alert(item); //Result: 4
alert(a1);/ /Result: 1,2,3
//4.push(): Add (append) new elements to an array and return the new length value of the array. The push method will add new elements in the order they appear. If one of the arguments is an array, the array is added to the array as a single element. If you want to combine elements from two or more arrays, use the concat method.
var a1 = [1,2,3,4];
a1.push(5);
a1.push("6");
alert(a1);//Result: 1,2,3,4,5,6
//5.reverse(): Returns an Array object with the order of elements reversed.
var a1 = [1,2,3,4];
a1.reverse();
alert(a1);//Result: 4,3,2,1
//6 .shift(): Removes the first element in the array and returns that element.
var a1 = [1,2,3,4];
a1.shift();
alert(a1);//Result: 2,3,4
//7.unshift (): Insert the specified element into the beginning of the array and return the array.
var a1 = [1,2,3,4];
a1.unshift(5);
alert(a1);//Result: 5,1,2,3,4
//8.slice(): Returns a segment of an array. a1.slice(start, [end]), the slice method copies up to, but does not include, the element specified by end. If start is negative, treat it as length start, where length is the length of the array. If end is negative, it is treated as length end, where length is the length of the array. If end is omitted, the slice method copies until the end of arrayObj. If end appears before start, no elements are copied to the new array.
var a1 = [1,2,3,4];
var a2 = a1.slice(-1);
var a3 = a1.slice(0,-1);
var a4 = a1.slice(1);
alert(a2);//Result: 4
alert(a3);//Result: 1,2,3
alert(a4);//Result ：2,3,4
//9.splice(): Remove one or more elements from an array, if necessary, insert a new element at the position of the removed element, and return the removed element .
//arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
var a1 = [1,2,3,4];
var a2 = a1.splice(1,0);
var a3 = a1.splice(1,1);
var a4 = a1.splice(1,1,"5");
alert (a2);//Result:
alert(a3);//Result: 2
alert(a1);//Result: 1,5,4
//10.sort(): Return An Array object whose elements have been sorted.
var a1 = [2,3,1,4,"b","a"];
var a2 = a1.sort();
alert(a2);//Result: 1, 2,3,4,a,b
//11.toString(): Returns the string representation of the object.
var a1 = [1,2,3,4,"b","a"];
var a2 = a1.toString();
alert(a2);//Result: 1, 2,3,4,b,a
//12.valueOf(): Returns the original value of the specified object.
var a1 = [1,2,3,4,"b","a"];
var a2 = a1.valueOf();
alert(a2);//Result: 1, 2,3,4,b,a
indexOf extension:
if (!Array.prototype.indexOf) Array.prototype.indexOf = function(item, i) {
i || (i = 0);
var length = this.length;
if (i < 0) i = length i;
for (; i < length; i )
if (this[i] === item ) return i;
return -1;
};
function testIndexOf()
{
var a =[1,2,3,4];
alert(a. indexOf(3));
}
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
Sort array using Array.Sort function in C#
Nov 18, 2023 am 10:37 AM
Title: Example of using the Array.Sort function to sort an array in C# Text: In C#, array is a commonly used data structure, and it is often necessary to sort the array. C# provides the Array class, which has the Sort method to conveniently sort arrays. This article will demonstrate how to use the Array.Sort function in C# to sort an array and provide specific code examples. First, we need to understand the basic usage of the Array.Sort function. Array.So
How to use the array_combine function in PHP to combine two arrays into an associative array
Jun 26, 2023 pm 01:41 PM
In PHP, there are many powerful array functions that can make array operations more convenient and faster. When we need to combine two arrays into an associative array, we can use PHP's array_combine function to achieve this operation. This function is actually used to combine the keys of one array as the values of another array into a new associative array. Next, we will explain how to use the array_combine function in PHP to combine two arrays into an associative array. Learn about array_comb
Simple and clear method to use PHP array_merge_recursive() function
Jun 27, 2023 pm 01:48 PM
When programming in PHP, we often need to merge arrays. PHP provides the array_merge() function to complete array merging, but when the same key exists in the array, this function will overwrite the original value. In order to solve this problem, PHP also provides an array_merge_recursive() function in the language, which can merge arrays and retain the values of the same keys, making the program design more flexible. array_merge
Detailed explanation of PHP array_fill() function usage
Jun 27, 2023 am 08:42 AM
In PHP programming, array is a very important data structure that can handle large amounts of data easily. PHP provides many array-related functions, array_fill() is one of them. This article will introduce in detail the usage of the array_fill() function, as well as some tips in practical applications. 1. Overview of the array_fill() function The function of the array_fill() function is to create an array of a specified length and composed of the same values. Specifically, the syntax of this function is
What are the common causes of ArrayIndexOutOfBoundsException in Java?
Jun 24, 2023 pm 10:39 PM
Java is a very powerful programming language that is widely used in various development fields. However, during Java programming, developers often encounter ArrayIndexOutOfBoundsException exceptions. So, what are the common causes of this anomaly? ArrayIndexOutOfBoundsException is a common runtime exception in Java. It means that when accessing data, the array subscript exceeds the range of the array. Common reasons include
Introduction to how to use the PHP array_change_key_case() function
Jun 27, 2023 am 10:43 AM
In PHP programming, array is a frequently used data type. There are also quite a few array operation functions, including the array_change_key_case() function. This function can convert the case of key names in the array to facilitate our data processing. This article will introduce how to use the array_change_key_case() function in PHP. 1. Function syntax and parameters array_change_ke
How to convert LinkedList to Array in Java?
Aug 29, 2023 pm 11:09 PM
The toArray() method of the LinkedList class converts the current LinkedList object into an array of object type and returns it. This array contains all the elements in this list in correct order (from first element to last element). It acts as a bridge between array-based and collection-based APIs. So, convert LinkedList to array - instantiate LinkedList class. Populate it using the add() method. Call the toArray() method on the linked list created above and retrieve the array of objects. Converts each element of an array of objects to a string. Example Real-time demonstration of importjava.util.Arrays;importjava.uti
Solution to ArrayStoreException exception in Java
Jun 25, 2023 am 08:05 AM
In Java development, we often use arrays to store a series of data because of the convenience and performance advantages of arrays. However, in the process of using arrays, some exceptions will occur, and one of the common exceptions is ArrayStoreException. This exception is thrown when we store incompatible data types in the array. This article will introduce what an ArrayStoreException is, why it occurs, and how to solve it. 1. Arr
