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
相关推荐
Mr_Xuhhh9 分钟前
信号与槽的总结
java·开发语言·数据库·c++·qt·系统架构
纳兰青华19 分钟前
bean注入的过程中,Property of ‘java.util.ArrayList‘ type cannot be injected by ‘List‘
java·开发语言·spring·list
好开心啊没烦恼22 分钟前
Python 数据分析:DataFrame,生成,用字典创建 DataFrame ,键值对数量不一样怎么办?
开发语言·python·数据挖掘·数据分析
liulilittle24 分钟前
VGW 虚拟网关用户手册 (PPP PRIVATE NETWORK 基础设施)
开发语言·网络·c++·网关·智能路由器·路由器·通信
Devil枫34 分钟前
Kotlin高级特性深度解析
android·开发语言·kotlin
ChinaDragonDreamer36 分钟前
Kotlin:2.1.20 的新特性
android·开发语言·kotlin
安之若素^1 小时前
启用不安全的HTTP方法
java·开发语言
一个天蝎座 白勺 程序猿1 小时前
Python(28)Python循环语句指南:从语法糖到CPython字节码的底层探秘
开发语言·python
持梦远方2 小时前
C 语言基础入门:基本数据类型与运算符详解
c语言·开发语言·c++
abigale032 小时前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js