常用的更新数组的一些方法

1. push() 该方法可向数组的末尾添加一个或多个元素,并返回新的长度

var arr = ['apple','orange','pear'];
console.log("原数组:"+arr);
console.log(arr.push("banana"));
console.log("新数组:"+arr);

输出结果:
在这里插入图片描述
2. pop() 该方法用于删除并返回数组的最后一个元素

var arr = ['apple','orange','pear'];
console.log("原数组:"+arr);
console.log(arr.pop());
console.log("新数组:"+arr);

输出结果:
在这里插入图片描述
3. shift() 该方法用于删除数组中的第一个元素并返回删除元素的值

var arr = ['apple','orange','pear'];
console.log("原数组:"+arr);
console.log(arr.shift());
console.log("新数组:"+arr);

输出结果:
在这里插入图片描述
4. unshift() 该方法可向数组的开头添加一个或多个元素,并返回新的长度

var arr = ['apple','orange','pear'];
console.log("原数组:"+arr);
console.log(arr.unshift("banana"));
console.log("新数组:"+arr);

输出结果:
在这里插入图片描述
5. splice() 该方法向/从数组中添加/删除项目,并返回被删除的项目

arrayObject.splice(index,howmany,item1,…,itemX)

  • index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
  • howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
  • item,…,itemX 可选。向数组添加的新项目。

添加项目

var arr = ['apple','orange','pear'];
console.log("原数组:"+arr);
console.log(arr.splice(2,0,"banana"));
console.log("新数组:"+arr);

输出结果:
在这里插入图片描述
替换删除的项目,返回删除项

var arr = ['apple','orange','pear'];
console.log("原数组:"+arr);
console.log(arr.splice(2,1,"banana"));
console.log("新数组:"+arr);

输出结果:
在这里插入图片描述
删除项目

var arr = ['apple','orange','pear'];
console.log("原数组:"+arr);
console.log(arr.splice(1,1));
console.log("新数组:"+arr);

输出结果:
在这里插入图片描述
6. sort() 该方法用于对数组的元素进行排序

var arr = ['apple','orange','pear','banana'];
console.log("原数组:"+arr);
console.log("新数组:"+arr.sort());

输出结果:
在这里插入图片描述
实现数字排序

function sortNumber(a,b)
{
	return a - b
}
var arr = ['123','34','66','6','888','9'];
console.log("原数组:"+arr);
console.log("新数组:"+arr.sort(sortNumber));

输出结果:
在这里插入图片描述
7. reverse() 该方法用于颠倒数组中元素的顺序

var arr = ['apple','orange','pear','banana'];
console.log("原数组:"+arr);
console.log("新数组:"+arr.reverse());

输出结果:
在这里插入图片描述
8. filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

9. concat 该方法用于连接两个或多个数组 。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

var arr = ['apple','orange','pear'];
console.log("原数组:"+arr);
console.log("新数组:"+arr.concat('banana'));

输出结果:
在这里插入图片描述

var arr = ['apple','orange','pear'];
var arr1 = [1,2];
console.log("原数组:"+arr);
console.log("新数组:"+arr.concat(arr1));

输出结果:
在这里插入图片描述
10. slice 该方法可从已有数组中返回选定的元素

var arr = ['apple','orange','pear'];
console.log("原数组:"+arr);
console.log("新数组:"+arr.slice(0,1));

输出结果:
在这里插入图片描述

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: JavaScript提供了许多数组API方法来方便地操作数组。其中一些常用方法包括: 1. filter()方法:该方法创建一个新数组,其中包含满足指定条件的所有元素。可以使用filter()方法来过滤数组中的元素。在给定的代码示例中,使用了一个for循环来过滤出名字中包含"John"的员工,并将它们添加到一个新的数组中。\[1\] 2. forEach()方法:该方法数组中的每个元素执行提供的回调函数。回调函数接受三个参数:当前元素的值、当前元素的索引和数组本身。forEach()方法没有返回值,它只是对每个元素执行回调函数。在给定的代码示例中,使用forEach()方法遍历数组并打印每个元素的值、索引和数组本身。\[2\] 3. join()方法:该方法数组的所有元素连接成一个字符串,并返回该字符串。默认情况下,元素之间使用逗号分隔。在给定的代码示例中,使用join()方法数组中的元素连接成一个字符串,并将结果打印出来。\[3\] 这些是JavaScript中一些常用数组API方法,它们可以帮助我们更方便地操作和处理数组。 #### 引用[.reference_title] - *1* [JavaScript 数组filter方法完整介绍](https://blog.csdn.net/allway2/article/details/124954994)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [JS数组API大全(持续更新)](https://blog.csdn.net/BBBBobo/article/details/121869585)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值