Javascript中的数组

Posted by 黎子豪 on October 12, 2023

操作方法

数字的基本操作可以归纳为增删改查。

push

push方法用于在数组的末尾添加一个或多个元素,并返回添加新元素后的数组长度。


var arr = [1,2,3];
arr.push(4);
console.log(arr);

unshift

unshift方法用于在数组的头部添加一个或多个元素,并返回添加新元素后的数组长度。


var arr = [1,2,3];
arr.unshift(4);
console.log(arr);

####splice splice方法用于删除原数组的一部分成员,并可以在删除的位置添加入新的数组成员,返回值是被删除的元素。


var arr = [1,2,3,4,5,6,7];
arr.splice(4);
console.log(arr);
结果为:
[1,2,3,4]

const fruits = ["Banana", "Orange", "Apple", "Mango"];

// 在第三个位置添加一个元素
fruits.splice(2, 0, "Grape");

console.log(fruits); // ["Banana", "Orange", "Grape", "Apple", "Mango"]

// 在数组末尾添加多个元素
fruits.splice(fruits.length, 0, "Watermelon", "Pineapple");

console.log(fruits); // ["Banana", "Orange", "Grape", "Apple", "Mango", "Watermelon", "Pineapple"]

####concat concat方法用于连接两个或多个数组,并返回一个新的数组。


var arr = [1,2,3];
var arr2 = [4,5,6];
arr.concat(arr2);
console.log(arr);
结果为:
[1,2,3,4,5,6]

pop

pop方法用于删除数组的最后一个元素,并返回删除的元素。


var arr = [1,2,3];
arr.pop();
console.log(arr);
//结果为:
[1,2]

shift

shift方法用于删除数组的第一个元素,并返回删除的元素。


var arr = [1,2,3];
arr.shift();
console.log(arr);
结果为:
[2,3]

slice

slice方法用于从原数组中截取一个新的数组,并返回截取后的数组。


var arr = [1,2,3,4,5];
arr.slice(1,3);
console.log(arr);
结果为:
[2,3]

splice

splice方法用于删除原数组的一部分成员,并可以在删除的位置添加入新的数组成员,返回值是被删除的元素。


var arr = [1,2,3,4,5];
arr.splice(1,2,'a','b');
console.log(arr);
结果为:
[1, 'a', 'b', 4, 5]

splice

splice方法用于删除原数组的一部分成员,并可以在删除的位置添加入新的数组成员,返回值是被删除的元素。


var arr = [1,2,3,4,5];
arr.splice(1,2,'a','b');
console.log(arr);
结果为:
[1, 'a', 'b', 4, 5]

indexOf

indexOf方法用于返回某个指定的字符串值在字符串中首次出现的位置。


var arr = [1,2,3,4,5];
arr.indexOf(3);
结果为:
2

lastIndexOf

lastIndexOf方法用于返回某个指定的字符串值在字符串中最后出现的位置。


var arr = [1,2,3,4,5];
arr.lastIndexOf(3);
结果为:
2

includes

includes方法用于判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false。


var arr = [1,2,3,4,5];
arr.includes(3);
结果为
true

find

find方法用于找出第一个符合条件的数组成员。


var arr = [1,2,3,4,5];
arr.find(function(value,index,arr){
  
  return value>3;

}
);
结果为:
4

findIndex

findIndex方法用于找出第一个符合条件的数组成员的位置。


var arr = [1,2,3,4,5];
arr.findIndex(function(value,index,arr){
  
  return value>3;

}
);
结果为:
3

##排序方法

sort

sort方法用于对数组的元素进行排序,并返回数组。默认排序顺序是在将元素转换为字符串,然后比较字符串的UTF-16代码单元值序列时构建的。


var arr = [1,2,3,4,5];
arr.sort();
console.log(arr);
结果为:
[1, 100, 2, 200, 3, 300, 4, 400, 5, 500]

reverse

reverse方法用于颠倒数组中元素的顺序,并返回该数组。该方法会改变原数 组。


var arr = [1,2,3,4,5];
arr.reverse();
console.log(arr);
结果为:
[5, 4, 3, 2, 1]

##迭代的方法

forEach

forEach方法用于调用数组的每个元素,并将元素传递给回调函数。


var arr = [1,2,3,4,5];
arr.forEach(function(value,index,arr){
  
  console.log(value);

}
);
结果为:
1
2
3
4
5

map

map方法用于调用数组的每个元素,并将元素传递给回调函数,并将回调函数的结果组成一个新数组返回。


var arr = [1,2,3,4,5];
arr.map(function(value,index,arr){
  
  return value*2;

}

);
结果为:
[2, 4, 6, 8, 10]

filter

filter方法用于过滤掉数组中的不符合条件的元素,并将符合条件的元素组成一个新数组返回。


var arr = [1,2,3,4,5];
arr.filter(function(value,index,arr){
  
  return value>3;

}
);
结果为:
[4, 5]

some

some方法用于检测数组中的元素是否满足指定条件(函数提供)。


var arr = [1,2,3,4,5];
arr.some(function(value,index,arr){
  
  return value>3;

}
);
结果为:
true

every

every方法用于检测数组中的元素是否都满足指定条件(函数提供)。


var arr = [1,2,3,4,5];
arr.every(function(value,index,arr){
  
  return value>3;

}
);
结果为:
false