Creating Arrays in JavaScript1. Create an array using new var arr = new Array(); //Creates an empty array 2. Create arrays using array literals (more commonly used) Literal: A method of expressing a fixed value You can tell what data type it is at a glance, for example, 8 is a numeric type at a glance //1. Create an array using array literals (square brackets) var arr = []; //Create an empty array var arr1 = [1,2,'student',true]; //The array can contain any type of data and must be separated by commas 3. What is an array element? An array can store a group of data in a single variable. An array element is an element stored in an array, and there is no restriction on its type. Using Arrays1. Get array elements - use the index, which is the subscript. The subscript starts from 0 and is very similar to C language. console.log(arr[2]); 2. Traverse the array var arr = ['red','green','blue']; for(var i = 0;i < 3;i++){ console.log(arr[i]); } //Print array length console.log(arr.length); //Dynamically detect array length for(var i = 0;i < arr.length;i++){ console.log(arr[i]); } What is traversal? Access the array elements from the beginning to the end once. The i inside is a counter used as an index number. arr[i] accesses the array elements. The index number has nothing to do with the array length. //Classic case print array maximum value var arr = [2,6,1,77,52,25,7,99]; var max = arr[0]; for(var i = 0;i < arr.length;i++){ if(max < arr[i]){ max = arr[i]; } } conaole.log('The maximum value in the array is ' + max); Convert array to split stringvar arr = ['red','green','blue','pink']; var str = ''; for(var i = 0;i < arr.length;i++){ str+=arr[i]+'|'; //You can also use var sep = '!'; str+=arr[i]+sep; } console.log(str); Adding elements to an arrayvar arr = ['red','green','blue','pink']; var str = ''; for(var i = 0;i < arr.length;i++){ str+=arr[i]+'|'; //You can also use var sep = '!'; str+=arr[i]+sep; } console.log(str); If the index number exists, the array element is replaced. Do not assign a value to the array name directly, otherwise the previous data will be overwritten. For example, arr1 =''; onsole.log(arr1) Filtering an Arrayvar arr = [1,2,3,4,5,6,7,8,9,10]; var newArr = []; console.log(newArr); for(var i = 0;i < arr.length;i++){ if(arr[i]>=5) { newArr[newArr.length] = arr[i]; } } Delete the specified element from an array//Delete 7 var arr = [1,2,3,4,5,6,7,8,9,10]; var newArr = []; console.log(newArr); for(var i = 0;i < arr.length;i++){ if(arr[i] != 7) { newArr[newArr.length] = arr[i]; } } console.log(newArr); SummarizeThis article ends here. I hope it can be helpful to you. I also hope you can pay more attention to more content on 123WORDPRESS.COM! You may also be interested in:
|
<<: Query the data of the day before the current time interval in MySQL
>>: How to use .htaccess to prohibit a certain IP from accessing the website
Table of contents 1. Background 2. Local custom i...
Table of contents Overview Example Why is it need...
This article deploys Jenkins+Maven+SVN+Tomcat thr...
Preface Take Element Plus as an example to config...
Table of contents 1. Advantages of proxy vs. Obje...
lsof (list open files) is a tool to view files op...
@vue+echarts realizes the flow effect of China ma...
When learning Vue, when I always use webpack inst...
1. Install Apache # yum install -y httpd httpd-de...
Detailed explanation and summary of the URL for d...
This article shares the specific code of Vue to s...
Table of contents Preface React Functional Compon...
As the title says, otherwise when the page is revi...
Table of contents Registering Components Adding C...
Previously, https://www.jb51.net/article/205922.h...