ES6 语法详解(数组扩展)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button>测试1</button>
<button>测试2</button>
<button>测试3</button>
</body>
<script type="text/javascript">
/**
* 1. Array.from(v) : 将伪数组对象或可遍历对象转换为真数组
* 2. Array.of(v1, v2, v3) : 将一系列值转换成数组
* 3. find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素
* 4. findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标
*/
let btns = document.getElementsByTagName('button')
// 应为btns 是伪数组不能调用forEach等方法,需要通过Array.from转换
Array.from(btns).forEach((item,index) => console.log(item,index))
let arr = Array.of(1,2,23,'123')
console.log(arr)
let result = arr.find((item,index) => item > 4)
console.log(result)
let index = arr.findIndex((item,index) => item > 4)
console.log(index)
</script>
</html>作者：彼岸舞
时间：2021\08\16
内容关于：前端知识库
本文属于作者原创,未经允许,禁止转发
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2021-08-16 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读