一、JavaScript数组类型Array简介
JavaScript中的数组(Array)是一种有序的数据集合,可以存储多个数据类型的值,访问数组中的元素可以通过下标或者索引的方式进行。
二、JavaScript数组类型Array相关的属性详解
1. length:获取/设置数组的长度,也就是数组中元素的个数。
示例一:
let arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 5
arr.length = 2;
console.log(arr); // [1, 2]
- constructor:返回创建数组对象的构造函数。
示例二:
let arr = [1, 2];
console.log(arr.constructor === Array); // true
- prototype:允许向数组对象添加属性或方法。
示例三:
Array.prototype.sum = function () {
let sum = 0;
for (let i = 0; i < this.length; i++) {
sum += this[i];
}
return sum;
};
let arr = [1, 2, 3, 4, 5];
console.log(arr.sum()); // 15
三、JavaScript数组类型Array相关的方法详解
1. join:返回由数组元素组成的字符串,用指定的分隔符分隔。
示例四:
let arr = ['a', 'b', 'c'];
console.log(arr.join('-')); // "a-b-c"
- push:将一个或多个元素添加到数组的末尾,并返回新数组的长度。
示例五:
let arr = ['a', 'b'];
let length = arr.push('c', 'd');
console.log(arr); // ["a", "b", "c", "d"]
console.log(length); // 4
- pop:删除并返回数组的最后一个元素。
示例六:
let arr = ['a', 'b', 'c'];
let last = arr.pop();
console.log(last); // "c"
console.log(arr); // ["a", "b"]
- shift:删除并返回数组的第一个元素。
示例七:
let arr = ['a', 'b', 'c'];
let first = arr.shift();
console.log(first); // "a"
console.log(arr); // ["b", "c"]
- unshift:添加一个或多个元素到数组的开头,并返回新数组的长度。
示例八:
let arr = ['a', 'b'];
let length = arr.unshift('c', 'd');
console.log(arr); // ["c", "d", "a", "b"]
console.log(length); // 4
- concat:连接两个或多个数组,并返回新数组。
示例九:
let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = arr1.concat(arr2);
console.log(arr3); // [1, 2, 3, 4]
- slice:从数组中截取一段元素,返回新数组。
示例十:
let arr = ['a', 'b', 'c', 'd', 'e'];
let newArr = arr.slice(2, 4);
console.log(newArr); // ["c", "d"]
- splice:向/从数组中添加/删除元素,返回被删除元素组成的数组。
示例十一:
let arr = ['a', 'b', 'c', 'd', 'e'];
let del = arr.splice(2, 2, 'x', 'y');
console.log(del); // ["c", "d"]
console.log(arr); // ["a", "b", "x", "y", "e"]
- reverse:将数组中元素的顺序颠倒,返回颠倒后的数组。
示例十二:
let arr = ['a', 'b', 'c'];
let reverseArr = arr.reverse();
console.log(reverseArr); // ["c", "b", "a"]
- sort:对数组中的元素排序,在原数组上进行操作。
示例十三:
let arr = ['c', 'e', 'a', 'b', 'd'];
arr.sort();
console.log(arr); // ["a", "b", "c", "d", "e"]
以上仅是部分方法的详解,还有很多其他的有用方法,大家可以通过查询相关文档来了解。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript数组类型Array相关的属性与方法详解 - Python技术站