常用Array对象方法详解（微信小程序）

  • 不改变原来的数组：
    • 1、concat()方法，用于将多个数组连接在一起
    • 2、join()方法，用于把数组中的所有元素放入一个字符串
    • 3、slice(start,end)方法，用于截取数组或者字符串
  • 改变原来的数组：
    • 1、pop() 方法，用于删除数组的最后一个元素并返回删除的元素
    • 2、push() 方法，可向数组的末尾添加一个或多个元素，并返回新的长度
    • 3、reverse() 方法，用于颠倒数组中元素的顺序
    • 4、shift() 方法，是将删除的首位值返回
    • 5、sort() 方法，用于对数组的元素进行排序
    • 6、split()方法，用于把一个字符串分割成字符串数组.
    • 7、splice(start,deleteCount,item…) 方法，替换已有元素，并返回被替换的元素
    • 8、toSource() 方法
    • 9、booleanObject.toString()方法，返回值根据原始布尔值或者 booleanObject 对象的值返回字符串 "true" 或 "false"。如果调用该方法的对象不是 Boolean，则抛出异常 TypeError。
    • 10、object.toLocalString()方法，把 Date 对象转换为字符串，并返回结果。
    • 11、unshift()方法，向数组的开头添加一个或多个元素 改变原数组 返回新数组的长度
    • 12、valueOf()方法，返回值为booleanObject 的原始布尔值。如果调用该方法的对象不是 Boolean，则抛出异常 TypeError。

不改变原来的数组：

1、concat()方法，用于将多个数组连接在一起

var a = “Hello，”;
var b = “My Lover～”
var c = a.concat(b);
//输出结果：Hello,My Lover~

2、join()方法，用于把数组中的所有元素放入一个字符串

var a = [“hello”, “litter”, “boy”];
var b = a.join();
//输出结果：hello,litter,boy

3、slice(start,end)方法，用于截取数组或者字符串

var a = [1, 2, 3, 4, 5, 6];
var b = a.slice(0, 3);
//输出结果：[1, 2, 3]

改变原来的数组：

1、pop() 方法，用于删除数组的最后一个元素并返回删除的元素

var a = [1, 2, 3];
var b = a.pop();
//输出结果：3

2、push() 方法，可向数组的末尾添加一个或多个元素，并返回新的长度

var a = [“banana”, “apple”];
var b = a.push(“p”);
//输出结果：b = 3

3、reverse() 方法，用于颠倒数组中元素的顺序

var a = [1, 3, 5];
var b = a.reverse();
//输出结果：b = [5, 3, 1]

4、shift() 方法，是将删除的首位值返回

var a = [1, 3, 5];
var b = a.shift();
//输出结果：b = 1

5、sort() 方法，用于对数组的元素进行排序

(1)数字升序
var a = [9, 4, 1, 10, 22, 33];
a.sort(function(a,b){
return a-b
});
//输出结果：1, 4, 9, 10, 22, 33
(2)数字降序
var a = [9, 4, 1, 10, 22, 33];
a.sort(function(a,b){
return b-a
});
//输出结果：33, 33, 10, 9, 4, 1
(3)字母升序
var a = [“banana”, “apple”, “orange”];
a.sort();
//输出结果：apple,banana,orange

6、split()方法，用于把一个字符串分割成字符串数组.

var a = “How are you doing today?”;
var b = str.split(" ");
//输出结果： [“How”, “are”, “you”, “doing”, “today?”]

7、splice(start,deleteCount,item…) 方法，替换已有元素，并返回被替换的元素

var a=[‘a’,‘b’,‘c’];
var b=a.splice(1,1,‘d’,‘e’);
//输出结果：b=[‘b’] 替换a的值，返回被删除的值
(a=[‘a’,‘d’,‘e’,‘c’])

8、toSource() 方法

function msg(name,job,born) {
this.name=name;
this.job=job;
this.born=born;
}
var setMsg = new msg(“小斌语录”,“coder”,1997);
console.log(setMsg .toSource())
//输出结果：({name:“Bill Gates”, job:“coder”, born:1997})

9、booleanObject.toString()方法，返回值根据原始布尔值或者 booleanObject 对象的值返回字符串 “true” 或 “false”。如果调用该方法的对象不是 Boolean，则抛出异常 TypeError。

var a = new Boolean(true);
console.log(a.toString());
//输出结果：true

10、object.toLocalString()方法，把 Date 对象转换为字符串，并返回结果。

11、unshift()方法，向数组的开头添加一个或多个元素 改变原数组 返回新数组的长度

var a=[1,2,3,4,5];
var b=a.unshift(0);
//输出结果：b = 6
(a=[0,1,2,3,4,5])

12、valueOf()方法，返回值为booleanObject 的原始布尔值。如果调用该方法的对象不是 Boolean，则抛出异常 TypeError。

var a = new Boolean(true);
console.log(a.valueOf());
//输出结果：true

常用Array对象方法详解（微信小程序）相关推荐

  1. 用python画圆角矩形_详解微信小程序canvas圆角矩形的绘制的方法

    详解微信小程序canvas圆角矩形的绘制的方法 发布时间:2020-10-04 18:20:31 来源:脚本之家 阅读:103 作者:清夜 微信小程序允许对普通元素通过 border-radius 的 ...

  2. 详解微信小程序开发（项目从零开始）

    关注公众号 风色年代(itfantasycc) 280G前端&小程序资料随便拿! 详解微信小程序开发(项目从零开始) 一.序 微信小程序,估计大家都不陌生,现在应用场景特别多.今天就系统的介绍 ...

  3. 详解微信小程序页面间传递信息的三种方式

    详解微信小程序页面间传递信息的三种方式 在开发微信小程序的时候,经常会遇到在页面间传递信息的情况,有三种方法可以实现. 1. 使用数据缓存 将要存储的数据使用以下方法放入缓存 wx.setStorag ...

  4. canvas 圆角矩形填充_详解微信小程序canvas圆角矩形的绘制的方法

    微信小程序允许对普通元素通过 border-radius 的设置来进行圆角的绘制,但有时候在使用 canvas 绘图的时候,也需要圆角,例如需要将页面上某块区域导出为图片下载到本地的时候,常用的解决方 ...

  5. 微信小程序 渲染层网络错误_详解微信小程序「渲染层网络层错误」的解决方法...

    问题描述: 情况是这样的,我需要在小程序中通过image标签显示三张我的图片,毫无疑问,其重点部分肯定在image的src属性上,请看思路分析: 我们可以新建一个专门放图片的文件夹,然后将我们项目所需 ...

  6. 上传声音 微信小程序_图文详解微信小程序中调用录音功能和音频播放的方法...

    老规矩,先几张图. 1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可. 2.按住 录音按钮的时候会出现麦克风.中间的麦克风是个帧动画. 其实就是用js控制图片显示隐藏.没啥好说的.这里 ...

  7. 详解微信小程序支付流程

    花了几天把小程序的支付模块接口写了一下,可能有着公众号开发的一点经验,没有入太多的坑,在此我想记录一下整个流程. 首先先把小程序微信支付的图搬过来: 相信会来查百度的同学们基本都是对文档的说明不是很理 ...

  8. 微信 html 字体 自动换行,详解微信小程序-canvas绘制文字实现自动换行

    在使用微信小程序canvas绘制文字时,时常会遇到这样的问题:因为canvascontext.filltext参数为 我们只能设置文本的最大宽度,这就产生一定的了问题.如果我们绘制的文本长度不确定或者 ...

  9. 本地缓存需要高时效性怎么办_详解微信小程序缓存--缓存时效性

    关于本地缓存 1.wx.setStorage(wx.setStorageSync).wx.getStorage(wx.getStorageSync).wx.clearStorage(wx.clearS ...

  10. java 走马灯程序,详解微信小程序实现跑马灯效果（附完整代码）

    在微信小程序 里实现跑马灯效果,类似滚动字幕或者滚动广告之类的,使用简单的CSS样式控制,没用到JS,效果如下图: Wxml代码: 一个人活着就是为了让更多的人更好的活着! Wxss代码: /*首页跑 ...

最新文章

  1. 光流 | 光流算法对比：Farneback、Horn-Schunck、Lucas-Kanade、Lucas-Kanade derivative of Gaussian（附Matlab与C++代码）
  2. I Hate It HDU - 1754 (线段树)
  3. 交流伺服系统设计指南_交流设计
  4. 1-6：学习shell之重定向
  5. centos7下引导win7
  6. 驻华大使亲自带货 卢旺达咖啡豆成春节热销“洋年货”
  7. 伺服电机的调试步骤有哪些
  8. keepalived vrrp_script脚本不执行解决办法
  9. 如何判断自己的Windows系统是否为盗版系统？
  10. ros路由器cpu占用率高的原因和解决
  11. C++：单例模式——线程安全模式、饥汉模式、懒汉模式
  12. 2015 年度新增开源软件排名TOP100
  13. 学计算机的要做文档吗,电脑自学
  14. 优秀课程案例：母亲节！用Scratch编程送给母亲最好的贺卡礼物！
  15. 你也可以是天才，心有多大，舞台就有多大
  16. python人物关系可视化百年孤独_利用python对《乘风破浪的姐姐》可视化
  17. Socks5代理IP技术详解：如何选择和使用最佳IP代理服务
  18. 利用模块化的可扩展参考设计瞄准ATCA和AMC市场机会
  19. origin怎样将图例调成横排
  20. Python 爬虫进阶篇——Selenium教程（一）

热门文章

  1. Ajax上传文件（视频），并获取上传进度、上传速度和剩余时间。
  2. Python 报错Process finished with exit code -1073740791 (0xC0000409)解决方法
  3. java nio wakeup_Java NIO wakeup实现原理
  4. 悦保车牌识别相机优势
  5. 学习ximo脱壳视频：2、手脱ASPACK壳
  6. 橘子学设计模式之原型模式
  7. 计算机未检测到任何网络硬件,win10系统连不上网提示“检测不到任何网络硬件”怎么办...
  8. ROSLAUNCH 的.launch/XML 语法
  9. php论坛首页一般是什么,bbs是什么
  10. 隧道调频广播覆盖系统技术方案