JavaScript中Array方法你该知道的正确打开方法
数组(Array)是在JavaScript中最常用的数据类型之一,因此熟练掌握数组的相关操作非常重要。本文将会介绍JavaScript中常用的数组(Array)方法,包括:
push()
方法可以向数组的末尾添加一个或多个元素,并返回新数组的长度。示例如下:
let fruits = ['apple', 'banana'];
let len = fruits.push('orange');
console.log(len); // 3
console.log(fruits); // ['apple', 'banana', 'orange']
pop()
方法从数组的末尾删除一个元素,并返回该元素的值。示例如下:
let fruits = ['apple', 'banana', 'orange'];
let last = fruits.pop();
console.log(last); // 'orange'
console.log(fruits); // ['apple', 'banana']
shift()
方法从数组的开头删除一个元素,并返回该元素的值。示例如下:
let fruits = ['apple', 'banana', 'orange'];
let first = fruits.shift();
console.log(first); // 'apple'
console.log(fruits); // ['banana', 'orange']
unshift()
方法可以向数组的开头添加一个或多个元素,并返回新数组的长度。示例如下:
let fruits = ['apple', 'banana', 'orange'];
let len = fruits.unshift('pear', 'peach');
console.log(len); // 5
console.log(fruits); // ['pear', 'peach', 'apple', 'banana', 'orange']
splice()
方法可以在数组的任意位置添加或删除元素。示例如下:
let fruits = ['apple', 'banana', 'orange'];
// 从索引为1的位置开始删除1个元素,插入'pear'和'peach'
fruits.splice(1, 1, 'pear', 'peach');
console.log(fruits); // ['apple', 'pear', 'peach', 'orange']
concat()
方法可以将多个数组合并为一个新数组。示例如下:
let fruits1 = ['apple', 'banana'];
let fruits2 = ['pear', 'peach'];
let fruits3 = ['orange'];
let allFruits = fruits1.concat(fruits2, fruits3);
console.log(allFruits); // ['apple', 'banana', 'pear', 'peach', 'orange']
slice()
方法可以从数组中截取一个子数组,不会改变原数组。示例如下:
let fruits = ['apple', 'banana', 'orange', 'pear', 'peach'];
let subArray = fruits.slice(1, 4);
console.log(subArray); // ['banana', 'orange', 'pear']
console.log(fruits); // ['apple', 'banana', 'orange', 'pear', 'peach']
indexOf()
方法返回数组中某个元素第一次出现的索引值,如果不存在返回-1。示例如下:
let fruits = ['apple', 'banana', 'orange', 'pear', 'peach'];
let index = fruits.indexOf('pear');
console.log(index); // 3
lastIndexOf()
方法返回数组中某个元素最后一次出现的索引值,如果不存在返回-1。示例如下:
let fruits = ['apple', 'banana', 'orange', 'pear', 'peach', 'pear'];
let index = fruits.lastIndexOf('pear');
console.log(index); // 5
通过掌握以上这些数组方法,能够有效地提高JavaScript的编程效率,并且提升编程的质量。
本文链接:http://task.lmcjl.com/news/10456.html