JavaScript中Array的方法(下)

1.map()
map()方法,使每个数组元素调用函数的结果创建新数组。

let arr = [1,2,3,4]
let arr2 = [];
arr2 = arr.map((item,index) => {
  return item*2
})
console.log(arr2)
//[2, 4, 6, 8]

2.pop()
pop()方法,删除数组的最后一个元素,并返回该元素。

let arr = [1,2,3,4];
let arr2 = arr.pop();
console.log(arr2)
// 4

3.push()
push()方法,将新元素添加到数组的末尾,并返回新数组。

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

4.unshift()
unshift()方法,将新元素添加到数组的开头,并返回新长度。

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

5.shift()
shift()方法,删除数组中的第一个元素,并返回该元素。

let arr = [1,2,3,4];
arr.shift();
console.log(arr)
// [2,3,4]

6.reduce()
reduce()方法,将数组的值减为单个值(从左至右)。在项目中这也是我们比较常用的一个方法,后期会整理出完整的一份笔记。


// 1.数组求和
var arr = [1,5,8,6,15,78,65,25,48,55]
var sum = arr.reduce(function(total,currentValue){
  return total+currentValue;
});
console.log(sum); //306

[1, 2, 3, 4].reduce( (prev, cur,curIndex,arr)=> { return Math.max(prev,cur); },0) // 4

7.reduceRight()
reduceRight()方法,将数组的值减为单个值(从右至左)。

8.reverse()
reverse()方法,反转数组中元素的顺序。

var arr = [1, 2, 3, 4, 5];
console.log(arr.reverse());
//反转数组所有项 [5, 4, 3, 2, 1];

9.slice()
slice()方法,有两个参数start、end,从start索引开始提取数组到end索引结束(包括start,不包括end),返回值是新的数组,对原数组没有影响。

let arr = [1, 2, 3, 4, 5]
console.log(arr.slice(1))
// [2, 3, 4, 5]

console.log(arr.slice(-1))
// [5]

//注:大于数组长度时
console.log(arr.slice(6))
// [ ]

console.log(arr.slic(1,3))
// [2, 3, 4]

10.splice()
splice()方法,在数组中添加/删除元素。

// 数组中添加新元素:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
//[Banana,Orange,Lemon,Kiwi,Apple,Mango]

//删除一个元素,则返回一个元素的数组
console.log(fruits.splice(2,1))
//[Apple]

//删除0个元素,则返回空数组
console.log(fruits.splice(2,0))
//[ ]

11.some()
some() 方法会依次执行数组的每个元素:
如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素,则返回false。
注意: some() 不会对空数组进行检测。
注意: some() 不会改变原始数组。

[1,2,3].some(item=>{return item>2}) 
//true

12.sort()
sort()方法,对数组进行满足条件的排序。

// 默认是升序
[1, 2, 3, 4].sort((a, b) => a - b); // [1, 2, 3, 4]
// 降序
[1, 2, 3, 4].sort((a, b) => b - a); // [4, 3, 2, 1]

13.toString()
toString()方法,将数组转换为字符串,并返回。

var a = [1,2,3,4,5,6,7,8,9,0]; 
var s = a.toString(); 

console.log(s);
//“1,2,3,4,5,6,7,8,9,0”
console.log(typeof s); 
//string,说明是字符串类型

14.valueOf()
valueOf()方法,返回数组的原始值。不理解这个方法可以参照:https://blog.csdn.net/weixin_45242865/article/details/119798783

// Array:返回数组对象本身 
var array = ["ABC", true, 12, -5]; console.log(array.valueOf() === array); // true

15.at()----2021.1新提案
at()方法,解决方括号的限制,可以输入负数。

arr = ['aaa', 'bbbb', 'cccc', 'dddd'] 
arr.at(-1)  // 'dddd' 
arr.at(-3)  // 'bbbb'
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值