js,javascript数组方法keys(),lastIndexOf(),map(),pop(),push()(2024-04-30)

1、keys() 方法

返回带有数组键的 Array Iterator 对象。

注释:keys() 方法不改变原数组。

javascript 复制代码
// 返回带有数组键的 Array Iterator 对象
const fruits = ["Banana", "Orange", "Apple", "Mango"];
const keys = fruits.keys();
let text = null;
for (let x of keys) {
  text += x;
}
console.log(keys)  //有数组键的 Array Iterator 对象
console.log(text)  // 0123

2、lastIndexOf()方法

lastIndexOf() 方法在数组中搜索指定项目,并返回其位置。

搜索将从指定位置开始,如果未指定开始位置,则从末尾开始,并在数组的开头结束搜索。

如果未找到该项目,则 lastIndexOf() 方法返回 -1。

如果要搜索的项目不止一次出现,lastIndexOf() 方法将返回最后一次出现的位置。

提示:如果要从头到尾搜索,使用 indexOf() 方法。

javascript 复制代码
// 返回指定值的最后一个位置
// 在数组中搜索 "33" 项:
var fruits = ["11", "22", "33", "44"];
var a = fruits.lastIndexOf("33");
// 2

// 在数组中搜索项目 "33",从位置 4 开始搜索:
var fruits = ["111", "222", "333", "444", "555", "333", "333"];
var a = fruits.lastIndexOf("333", 4);
// 3 

3、map() 方法

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

按顺序为数组中的每个元素调用一次提供的函数。

注释:map() 对没有值的数组元素不执行函数,map() 不会改变原始数组。

javascript 复制代码
// array.map(function(currentValue, index, arr), thisValue)

const numbers = [1, 2, 3, 4];
const newArr = numbers.map((item) => {
return item*10
});

console.log(newArr) // [10,20,30,40]

4、pop() 方法

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

注释:会改变数组的长度。

提示:如需删除数组的第一个元素,请使用 shift() 方法。

javascript 复制代码
const fruits = ["11", "22", "33", "44"];
fruits.pop();   // Returns "44"

5、push() 方法

push() 方法向数组末尾添加新项目,并返回新长度。

提示:新的项目将被添加到数组的末尾。

注释:push() 方法会改变数组的长度。

提示:如需在数组的开头添加项目,请使用 unshift() 方法。

javascript 复制代码
let f = ["11", "22", "33"];
const a = f.push("44");

console.log(f) // ["11","22","33","44"]
console.log(a) // 5
相关推荐
里欧跑得慢2 小时前
CSS 模块化架构的演进:BEM、CSS Modules 到 CSS-in-JS 的反思
前端·css·flutter·web·css-in-js
夜不会漫长2 小时前
C++入门(1)
开发语言·c++·算法
IT_陈寒2 小时前
Vue的computed属性把我坑惨了,原来我一直用错姿势
前端·人工智能·后端
Niuguangshuo2 小时前
silero-vad:超轻量级开源 VAD 实践指南
开发语言·python
哭哭啼2 小时前
JAVA服务问题诊断
java·开发语言·jvm
小灰灰搞电子3 小时前
Rust+Slint 实现温度计源码分享
前端·rust·slint
计算机魔术师3 小时前
面壁智能 OpenBMB 推出 MathForm,面向 Lean 4 数学自动形式化的开源框架、数据集与模型
前端
NeilCarmack3 小时前
Deepseek-harness增加桌面版端序列:第 2 讲 · spawn Electron:当前进程如何“交棒“
前端·javascript·electron
..Dauntless..4 小时前
【C++】继承——基类和派生类的配合
开发语言·c++·算法
上海魁鲸科技有限公司4 小时前
APS高级排产系统到底有什么用?一文讲清功能、选型与落地建议
前端·microsoft·excel