文章目录
Js中Array的一些常用方法和操作
- 欢迎来访我的个人博客 :Mosey
JavaScript的 Array 对象是用于构造数组的全局对象,数组是类似于列表的高阶对象
示例
数组创建
//数组创建
var animal = ['dog', 'cat'];
数组长度
//数组长度
var length=animal.length(); //1
数组取值
//1、通过数组下标取值
var first = animal[0]; //dog
//2、for循环也可以取到想要的值
for(var index in animal){
console.log("下标"+index)
console.log("值"+animal[index])
}
添加数据
//向数组中添加数据(可在for循环中连续添加数据)
animal.push(obj) //obj为插入对象或者数据
判断数据在数组中对应下标
//某个数据在数组中对下标
animal.indexOf('dog'); //0
替换数组对应下标的数据
//替换数组对应下标的元素,index为你要替换的下标位置,replaceData为替换数据。
animal.splice(index,1,replaceData)
数组连接或者合并
//合并两个或多个数组(可为空数组)。此方法不会更改现有数组,而是返回一个新数组。
const array1 = ['a', 'b', 'c']; //可为空数组
const array2 = ['d', 'e', 'f']; //也可为空数组
const array3 = array1.concat(array2); //["a", "b", "c", "d", "e", "f"]
查找满足条件的第一个值
//返回数组中满足条件的==第一个元素的值==。否则返回 undefined。
const array1 = [5, 12, 8, 130, 44];
const found = array1.find(element => element > 10); //从左到右,大于10的第一个数是12。
console.log(found); //所以输出12
判断数组是否包含某个值
// 判断数组是否包含某个值
const pets = ['cat', 'dog', 'bat'];
console.log(pets.includes('cat')); //true
数组转字符串,元素拼接成字符串
// 数组转字符串,元素拼接成字符串
const elements = ['Fire', 'Air', 'Water'];
console.log(elements.join()); //"Fire,Air,Water"
console.log(elements.join('')); //"FireAirWater"
console.log(elements.join('-')); //"Fire-Air-Water"
数组倒置与排序
//数组倒置
const array1 = ['1', '2', '3'];
console.log(array1.reverse()) //["3", "2", "1"]
//数组排序方法1
var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
return a - b;
});
console.log(numbers); //[1, 2, 3, 4, 5]
//数组排序方法2
var numbers = [4, 2, 5, 1, 3];
numbers.sort((a, b) => a - b);
console.log(numbers); //[1, 2, 3, 4, 5]
清空数组
//方法1
array1= [];
//方法2
array2.splice(0,array2.length);
//方法3
array3.length = 0;