Js中Array的一些常用方法和操作

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;