vue前端学习笔记

filter() 方法创建给定数组一部分的浅拷贝,其包含通过所提供函数实现的测试的所有元素。

const words = ['active', 'sunlight', 'self-confident', 'clever', 'health'];

const result = words.filter((word) => word.length == 6);

console.log(result);

结果如下:
> Array ["active", "clever", "health"]

forEach() 方法对数组的每个元素执行一次给定的函数。

const array = [{id:'1',name:"小李",age:'23',remark:null},{id:'2',name:"小张",age:'35',remark:null},{id:'3',name:"小王",age:'21',remark:null}];

array.forEach((item) => {
  if (item.age>30){
  	console.log(item);
  	item.remark = "30+";
  }
})
  console.log(array)

结果如下:
> Object { id: "2", name: "小张", age: "35", remark: null }
> Array [Object { id: "1", name: "小李", age: "23", remark: null }, Object { id: "2", name: "小张", age: "35", remark: "30+" }, Object { id: "3", name: "小王", age: "21", remark: null }]

push():向数组的最后面插入一个或多个元素,返回结果为该数组新的长度

数组的新长度=数组.push(元素);

const arr = ["王一", "王二", "王三"];
​
    const result1 = arr.push("王四"); // 末尾插入一个元素
    const result2 = arr.push("王五", "王六"); // 末尾插入多个元素
​
    console.log(result1); // 打印结果:4
    console.log(result2); // 打印结果:6
    console.log(JSON.stringify(arr)); // 打印结果:["王一","王二","王三","王四","王五","王六"]

pop()

pop():删除数组中的最后一个元素,返回结果为被删除的元素。

语法:

被删除的元素 = 数组.pop();

示例:

const numbers = [5, 6, 2, 3, 7];
result = numbers.pop();
console.log(result);

结果: 7

unshift()

unshift():在数组最前面插入一个或多个元素,返回结果为该数组新的长度。插入元素后,其他元素的索引会依次调整。

语法:

数组的新长度 = 数组.unshift(元素);
const arr = ["王一", "王二", "王三"];
const result1 = arr.unshift("王四"); // 最前面插入一个元素
const result2 = arr.unshift("王五", "王六"); // 最前面插入多个元素
console.log(result1); // 打印结果:4
console.log(result2); // 打印结果:6
console.log(JSON.stringify(arr)); // 打印结果:["王五","王六","王四","王一","王二","王三"]

相关推荐

  1. vue前端学习笔记

    2023-12-28 22:08:06       41 阅读
  2. 前端学习笔记 2:Vue

    2023-12-28 22:08:06       34 阅读
  3. 前端学习记录】Vuex状态管理学习笔记

    2023-12-28 22:08:06       41 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-28 22:08:06       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-28 22:08:06       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-28 22:08:06       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-28 22:08:06       18 阅读

热门阅读

  1. 数据库(部分函数)

    2023-12-28 22:08:06       33 阅读
  2. LeetCode 2660. 保龄球游戏的获胜者:模拟

    2023-12-28 22:08:06       36 阅读
  3. docker学习笔记

    2023-12-28 22:08:06       38 阅读
  4. centos 编译安装 make

    2023-12-28 22:08:06       36 阅读
  5. storyBook play学习

    2023-12-28 22:08:06       29 阅读
  6. LeetCode——动态规划

    2023-12-28 22:08:06       26 阅读
  7. 前端---css 元素溢出

    2023-12-28 22:08:06       37 阅读
  8. 2024 Android保活总结

    2023-12-28 22:08:06       35 阅读
  9. 鸿蒙开发ArkTS基础学习-开发准备工具配置

    2023-12-28 22:08:06       31 阅读
  10. C++ 之map

    2023-12-28 22:08:06       38 阅读