鱼C论坛

 找回密码
 立即注册
查看: 3042|回复: 4

[学习笔记] es6之数组

[复制链接]
发表于 2017-7-9 09:15:29 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
  1. let a=['小甲鱼','不二如是']
  2. let b=[...a,'冬雪雪冬','新手ing']
  3. document.write(a);
  4. document.write(b);
复制代码

网页上显示为
htmsaasdl.png
这3个点表示把数组展开,另外在es6里每个语句的后面也不用加分号。


  1. let[a,b]=['小甲鱼','不二如是']

  2. onload=function(){
  3. var d=document.querySelector('body')
  4. d.innerText=a+b
  5. }
复制代码

网页上显示为
sadsaasd.png
变量可以用数组的方式赋值,非常的方便。

  1. let json={
  2.         '0':'小甲鱼',
  3.         '1':'冬雪雪冬',
  4.         '2':'凤姐',
  5.         length:3
  6. }
  7. let a=Array.from(json)
  8. document.write(a)
复制代码

网页显示为
sasads.png
可以把上述格式的json文件直接转成数组。

  1. let a=['小甲鱼','xxx','不二']
  2. let b=a.copyWithin(0,1,2)
  3. document.write(b)
复制代码

网页显示:
aaaaaa.png
这个方法就是把数组1跟2的位置的内容覆盖第0个位置。

  1. let a=['小甲鱼','xxx','不二']
  2. let b=a.find(function(v,k){
  3.         return v=='xxx'
  4. })
  5. document.write(b)
复制代码

网页显示为
bbbbbbbbbbbbb.png
就是找到数组里符合条件的项目。

  1. let a=['小甲鱼','xxx','不二']
  2. let b=a.fill('是好人,不二是坏蛋',1,2)
  3. document.write(b)
复制代码

网页上显示
cccccccccccccc.png
把字符串填充到数组的第二个位置

  1. let a=['小甲鱼','xxx','不二']
  2. let b=a.entries()
  3. document.write(b.next().value + b.next().value + b.next().value)
复制代码

网页显示
dddddddddddddddd.png
数组自带迭代功能,多方便。

评分

参与人数 2荣誉 +5 鱼币 +10 收起 理由
小甲鱼 + 5
不二如是 + 5 + 5 wow

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-7-9 10:08:47 | 显示全部楼层
不知道为什么,不喜欢jquery,还是喜欢写JS代码。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-7-9 10:23:36 | 显示全部楼层
xw0314 发表于 2017-7-9 10:08
不知道为什么,不喜欢jquery,还是喜欢写JS代码。

jquery主要可以兼容所有浏览器不用你自己去写多种方法去判断了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-9 10:34:50 | 显示全部楼层
alltolove 发表于 2017-7-9 10:23
jquery主要可以兼容所有浏览器不用你自己去写多种方法去判断了

确实是,我有时候写着写着就JS代码了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-9 10:56:47 | 显示全部楼层
我是坏银

来,小弟弟坐我腿上,给你讲讲jQuery
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-20 08:47

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表