1. 声明和初始化一个数组:
var array = []; // 声明一个空数组
var array = [1, 2, 3]; // 声明并初始化一个有元素的数组
  1. 获取数组长度:
var length = array.length; // 获取数组的长度
  1. 访问和修改数组元素:
var element = array[index]; // 获取指定索引位置的元素
array[index] = newValue; // 修改指定索引位置的元素的值
  1. 遍历数组:
array.forEach(item => {
// 遍历数组的每个元素,并执行相应的操作
});
  1. 添加和删除数组元素:
array.push(element); // 在数组末尾添加一个元素
array.pop(); // 删除数组末尾的一个元素
array.unshift(element); // 在数组开头添加一个元素
array.shift(); // 删除数组开头的一个元素
  1. 对数组进行排序:
array.sort(); // 升序排序数组元素
array.sort((a, b) => b - a); // 降序排序数组元素
  1. 过滤数组元素:
var filteredArray = array.filter(item => {
// 返回一个新的数组,其中包含符合条件的元素
return item > 3; // 例如,过滤出大于 3 的元素
});
  1. 查找数组元素:
var foundElement = array.find(item => {
// 返回数组中符合条件的第一个元素
return item === 3; // 例如,查找值为 3 的元素
});
  1. 判断数组是否包含某个元素:
var containsElement = array.includes(element); // 使用 includes 方法判断数组是否包含指定元素
  1. 搜索数组元素的索引:
var index = array.indexOf(element); // 返回数组中指定元素的索引值
var lastIndex = array.lastIndexOf(element); // 返回数组中指定元素的最后一个匹配的索引值
  1. 数组映射(Mapping):
var transformedArray = array.map(item => {
// 根据数组的每个元素进行转换,并返回一个新的数组
return item * 2; // 例如,将数组的每个元素乘以 2
});
  1. 数组的切片和连接:
var subArray = array.slice(startIndex, endIndex); // 从数组中提取指定范围的元素,返回一个新的数组
var concatenatedArray = array1.concat(array2); // 将两个数组连接起来,返回一个新的数组
  1. 数组的反转:
array.reverse(); // 反转数组的顺序,改变原数组
  1. 数组的去重:
var uniqueArray = Array.from(new Set(array)); // 将数组转换为 Set 对象,再将 Set 转换为数组,实现去重
  1. 用于过滤数组中的重复项:
var uniqueArray = array.filter(function(item, index, arr){
return arr.indexOf(item) === index;
});
  1. 用于对数组的所有元素应用一个函数:
array.forEach(function(item, index, arr){
console.log(item, index);
});
  1. 用于在数组中查找具有一定条件的值:
var result = array.find(function(item, index, arr) {
return item.name === 'user1'; //如果返回 true 那么这个 item 的值会被返回,之后查找结束
}); console.log(result); //{name: "user1", age: 18}
  1. 用于返回数组中满足条件的元素组成的新数组:
var result = array.filter(function(item, index, arr){
return item.age >=18 && item.age <= 25;
}); console.log(result); // [{name:"user1", age:18}, {name:"user2", age:20}]
  1. 用于对数组中的元素进行排序:
array.sort(function(a,b) {
if (a > b) {
return 1;
} else if (a < b) {
return -1;
} else {
return 1;
}
}); console.log(array);
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
  1. 用于向数组的开头添加一个或多个元素,并返回新的长度:
var length = array.unshift(1,2,3,4);
console.log(array); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
console.log(length); // 14

微信小程序中的数组有许多常用的方法和用法的更多相关文章

  1. 关于微信小程序中的样式使用变量值的方法

    在开发过程中,通常碰到样式非固定的情况,这时候就要使用变量来规定样式,例如,一个view的宽度需要使用变量: 1. 在wxss中,定义变量:width:var(--width--); 2. 在js中, ...

  2. 微信小程序中如何使用setData修改数组或对象中的某一参数

    本人也是刚开始接触微信小程序,在微信小程序中经常会遇到修改数组中某一项的值,比如array[0]或者是对象中object.item的值.这些值在微信小程序中都需要使用一个名为setData的方法,而这 ...

  3. 全栈开发工程师微信小程序-中(下)

    全栈开发工程师微信小程序-中(下) 微信小程序视图层 wxml用于描述页面的结构,wxss用于描述页面的样式,组件用于视图的基本组成单元. // 绑定数据 index.wxml <view> ...

  4. 全栈开发工程师微信小程序-中

    全栈开发工程师微信小程序-中 多媒体及其他的组件 navigator 页面链接 target 在哪个目标上发生跳转,默认当前小程序,可选值self/miniProgram url 当前小程序内的跳转链 ...

  5. 在微信小程序中使用LeanCloud(一)

    之前学习了微信小程序前端,使用到LeanCloud线上数据库 [传送门].作为一个前端开发人员,了解后端及数据库是学习工作的需要. LeanCloud直接登录,未注册直接创建账户.它是一款免费的线上数 ...

  6. 在微信小程序中绘制图表(part2)

    本期大纲 1.确定纵坐标的范围并绘制 2.根据真实数据绘制折线 相关阅读:在微信小程序中绘制图表(part1)在微信小程序中绘制图表(part3) 关注我的 github 项目 查看完整代码. 确定纵 ...

  7. 微信小程序中视频的显示与隐藏

    在微信小程序中实现视频的播放与暂停 需求: 视频列表中只能有一个视频在播放 点击视频实现播放与暂停功能 加载完成显示图片,点击后变为视频播放 从上次播放的位置进行播放 思路: 定义一个标记变量,控制视 ...

  8. 网页或微信小程序中使元素占满整个屏幕高度

    在项目中经常要用到一个容器元素占满屏幕高度和宽度,然后再在这个容器元素里放置其他元素. 宽度很简单就是width:100% 但是高度呢,我们知道的是height:100%必须是在父元素的高度给定了的情 ...

  9. 在微信小程序中使用富文本转化插件wxParse

    在微信小程序中我们往往需要展示一些丰富的页面内容,包括图片.文本等,基本上要求能够解析常规的HTML最好,由于微信的视图标签和HTML标签不一样,但是也有相对应的关系,因此有人把HTML转换做成了一个 ...

  10. 微信小程序中发送模版消息注意事项

    在微信小程序中发送模版消息 参考微信公众平台Api文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/api/notice.html#模版消息管理 此参考地址 ...

随机推荐

  1. Django框架项目之搜索功能——搜索导航栏、搜索后台接口、搜索页面

    文章目录 1-搜索导航栏 Header搜索组件:选择性CV router/index.js Header.vue 2-搜索后台接口 路由:course/urls.py 视图:course/views. ...

  2. 文心一言 VS 讯飞星火 VS chatgpt (111)-- 算法导论10.2 2题

    二.用go语言,用一个单链表 L实现一个栈.要求操作 PUSH和 POP 的运行时间仍为 O(1). 文心一言: 在 Go 语言中,我们可以用结构体来实现一个单链表,然后再用栈的相关操作. 以下是一个 ...

  3. 【PHP正则表达式】

    [PHP正则表达式] 最近写题总是遇到php正则表达式的匹配函数,于是进行一个总结. 1.什么是正则表达式 是php在进行搜索时用于匹配的模式字符串.一般用于php对特定字符序列的替换和搜索. 2.正 ...

  4. 小景的Dba之路--如何导出0记录表以及数据泵的使用

    小景最近在系统压测相关的工作,其中涉及了数据备份导出的操作.今天的问题是:exp命令不会导出0记录表,那么我们探讨下如何导出0记录表以及数据泵的使用. 首先,我们先刨析一下问题现象及原因: 在 Ora ...

  5. 2D物理引擎 Box2D for javascript Games 第五章 碰撞处理

    2D物理引擎 Box2D for javascript Games 第五章 碰撞处理 碰撞处理 考虑到 Box2D 世界和在世界中移动的刚体之间迟早会发生碰撞. 而物理游戏的大多数功能则依赖于碰撞.在 ...

  6. 关于Windows打印机驱动相关问题-如何利用Java(或其他)调用打印机驱动程序完成原始文件翻译为PCL语言的步骤

    前面这些都是问题描述,问题在偏下面 场景:用户电脑上安装了PCL驱动,可通过驱动完成打印. 需求:现在需要提供一种脱离PC端完成文件上传并打印的功能.让用户使用手机或pc未安装驱动时都能打印文件. 目 ...

  7. k8s部署xxl-job-admin

    概述 XXL-JOB是一个轻量级分布式任务调度平台,其核心设计目标是开发迅速.学习简单.轻量级.易扩展.现已开放源代码并接入多家公司线上产品线,开箱即用. 下载好要用到的镜像 docker pull ...

  8. Codeforces Round 905 Div 1 (CF1887)

    A1. Dances (Easy version) 把 \(a,b\) 序列都从小到大排序,\(a\) 贪心删大的,\(b\) 贪心删小的,二分答案并 \(O(n)\) \(\text{check}\ ...

  9. 实战攻防演练-利用Everything搜索软件进行内网后渗透利用

    前言 Everything是一款很出名的文件搜索工具,基于文件.文件夹名称的快速搜索的轻量级的软件,而早在几年前就有很多apt组织利用everything来进行文件查找等,前几年在T00ls上也有人发 ...

  10. JavaScript:判断数据类型的四种方法

    JavaScript目前有两种数据类型:基本数据类型和引用数据类型. 基本数据类型:Undefined.Null.Boolean.String.Number.Symbol(ES6) 引用数据类型:Ob ...