Home Web Front-end JS Tutorial Explain the basic methods of Js array operation

Explain the basic methods of Js array operation

Mar 12, 2017 pm 01:16 PM
js array

1. Detect array


var newArr = [1,2,3];

newArr  instanceof Array;   // true
Array.isArray(newArr) ;   // true

//Array.isArray(newArr) 只支持ie9+,firefox 4+,safari 5+,opera 10.5+和chrome
Copy after login



2. Create Array


var newArr = new Array(); // 创建数组
var newArr = new Array(3);  // 创建数组并指定长度
var newArr = new Array(1,2,[3,4]);  //创建数组并赋值
Copy after login


3, add element

var newArr = new Array(); // 创建数组
var newArr = new Array(3);  // 创建数组并指定长度
var newArr = new Array(1,2,[3,4newArr.push('A');  //6
newArr;  // [1,2,3,4,5,'A']

newArr.unshift('B'); //7
newArr; // ['B',1,2,3,4,5,'A']

newArr.splice(2,0,'C'); // []
newArr; //["B", 1, "C", 2, 3, 4, 5, "A"]]);  //创建数组并赋值
Copy after login

4, delete element

var newArr = [1,2,3,4,5];

newArr.pop();  //5
newArr;  // [1,2,3,4]

newArr.shift(); //1
newArr;  // [2,3,4]

newArr.splice(1,2); //[3,4]
newArr;  //[2]
Copy after login

5, Intercepting and merging elements


var newArr = ['A','B','C','D','E'];

newArr.slice(2); //["C", "D", "E"]
newArr.slice(1,4); //["B", "C", "D"]

newArr.concat('M');  //["A", "B", "C", "D", "E", "M"]
Copy after login


6. Copy of array


var newArr = ['A','B','C','D','E'];

newArr.slice(0); //["A", "B", "C", "D", "E"]
newArr.concat();  //["A", "B", "C", "D", "E"]
Copy after login


7. Array sorting


var newArr = ['A','C','B','D','M'];

newArr.reverse();  //["M", "D", "B", "C", "A"]
newArr.sort();  //"A", "B", "C", "D", "M"]
Copy after login


8. Array sortingStringConversion

var  newArr = [1,2,3];

newArr.join(',');  // "1,2,3"
newArr.toString();  //"1,2,3"
newArr.toLocaleString (); //"1,2,3"
newArr.valueOf();  //[1,2,3]

//toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
Copy after login

9. Array search

var newArr = [1,2,3,4,5,4,3,2,3,4];

newArr.indexOf(3);  // 第一次出现元素3的位置 :2
newArr.indexOf(3,4); //从位置3开始查找第一次出现元素4的位置:6

newArr.lastIndexOf(3); //最后一次出现元素3的位置:8
newArr.lastIndexOf(2,4); //从位置4开始查找最后一次出现元素2的位置:1


var person={name:"lili"},
    person1=[{name:"lili"}],
    person2=[person];

person1.indexOf(person);//返回-1 必须严格相等,不仅仅是值相等
person2.indexOf(person);//返回0


// indexOf()从前往后查找,找不到为-1
// lastIndexOf()从后往前查找,找不到为-1
Copy after login

Note: Search and organize the information yourself, for reference only, thank you~~

The above is the detailed content of Explain the basic methods of Js array operation. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to remove elements from es6 array How to remove elements from es6 array Jan 11, 2023 pm 03:51 PM

Method: 1. Use shift() to delete the first element, the syntax is "array.shift()"; 2. Use pop() to delete the last element, the syntax is "array.pop()"; 3. Use splice() to delete Elements at any position, the syntax is "array.splice(position, number)"; 4. Use length to delete the last N elements, the syntax is "array.length=original array length-N"; 5. Directly assign the empty array "[ ]" to clear the element; 6. Use delete to delete an element at the specified subscript.

How to convert string to array in javascript How to convert string to array in javascript Nov 23, 2022 pm 07:28 PM

3 conversion methods: 1. Use split() to split a given string into a string array, the syntax is "str.split (separator, maximum length of array)"; 2. Use the expansion operator "... ", iterable string object, convert it into a character array, the syntax "[...str]"; 3. Use Array.from() to convert the string into an array, the syntax "Array.from(str) ".

Can js array be converted into php array? Can js array be converted into php array? Jun 02, 2023 am 10:06 AM

The js array can be converted into a php array. The operation method is: 1. Create a php sample file; 2. Use the syntax "JSON.stringify()" to convert the js array into a string in JSON format; 3. Use the syntax "json_decode()" "Convert the JSON format string to a PHP array. The parameter true is added here, which means that the JSON format string is converted into a PHP associative array.

How to get the length of an array in js How to get the length of an array in js Jun 20, 2023 pm 05:33 PM

Getting the length of an array in JS is very simple. Each array has a length property, which returns the maximum length of the array, that is, its value is equal to the maximum subscript value plus 1. Since numeric subscripts must be less than 2^32-1, the maximum value of the length attribute is equal to 2^32-1. The following code defines an empty array, and then assigns a value to the element with the index equal to 100, then the length property returns 101. Therefore, the length attribute cannot reflect the actual number of array elements.

There are several ways to delete an element from a js array There are several ways to delete an element from a js array Aug 02, 2023 am 10:09 AM

There are 4 ways to delete an element from a js array, namely: 1. Use splice; 2. Use filter; 3. Use the pop method and shift; 4. Use the delete keyword.

JS array sorting: how to use the sort() method JS array sorting: how to use the sort() method Dec 27, 2023 pm 03:40 PM

JavaScript's Array.prototype.sort() method is used to sort the elements of an array. This method sorts in place, that is, it modifies the original array rather than returning a new sorted array. By default, the sort() method sorts strings according to their Unicode code point values. This means that it is used primarily for sorting strings and numbers, rather than for sorting objects or other complex data types.

What are the methods to remove duplicates from js arrays? What are the methods to remove duplicates from js arrays? Aug 09, 2023 pm 04:47 PM

Methods to deduplicate js arrays include using Set, using indexOf, using includes, using filter and using reduce. 1. Use Set, which is characterized by the fact that the elements in the set will not be repeated; 2. Use indexOf to return the first index position of the specified element in the array; 3. Use includes to determine whether an element already exists in the array. 4. Use filter to filter elements; 5. Use reduce to compress elements in an array, etc.

How to find the length and sum of elements of an array in JavaScript How to find the length and sum of elements of an array in JavaScript Sep 20, 2022 pm 02:11 PM

In JavaScript, you can use the length attribute to get the length of the array, the syntax is "array object.length"; you can use the reduce() or reduceRight() function to find the sum of elements, the syntax is "arr.reduce(function f(pre,curr){ return pre+cur})" or "arr.reduceRight(function f(pre,curr){return pre+cur})".

See all articles