Detailed explanation of how to create an array in JavaScript

Detailed explanation of how to create an array in JavaScript

Creating Arrays in JavaScript

1. 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 Arrays

1. 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 string

var 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 array

var 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 Array

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]>=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);

Summarize

This 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:
  • Detailed explanation of the new array methods in JavaScript es6
  • Detailed explanation of JS array methods
  • Detailed explanation of common methods of JavaScript arrays
  • Summary of several common methods of JavaScript arrays
  • Commonly used JavaScript array methods
  • Common array operations in JavaScript
  • Detailed Example of JavaScript Array Methods

<<:  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

Recommend

Detailed steps for running springboot project in Linux Docker

Introduction: The configuration of Docker running...

TCP performance tuning implementation principle and process analysis

Three-way handshake phase Number of retries for c...

Example operation MySQL short link

How to set up a MySQL short link 1. Check the mys...

Docker deploys nginx and mounts folders and file operations

During this period of time, I was studying docker...

Detailed explanation of JavaScript axios installation and packaging case

1. Download the axios plugin cnpm install axios -...

A brief discussion on size units in CSS

The compatibility of browsers is getting better a...

Docker's four network types principle examples

Four network types: None: Do not configure any ne...

Detailed explanation of key uniqueness of v-for in Vue

Table of contents 1. DOM Diff 2. Add key attribut...

How to check if data exists before inserting in mysql

Business scenario: The visitor's visit status...

Detailed tutorial on how to create a user in mysql and grant user permissions

Table of contents User Management Create a new us...

JavaScript Timer Details

Table of contents 1. Brief Introduction 2. setInt...

js to realize a simple advertising window

This article shares the specific code of js to im...

Learn Node.js from scratch

Table of contents url module 1.parse method 2. fo...