<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script>
var arrsone=[123,234,345,456,567]
首先是创建数组的一个过程
1.因为数字不属于字符串,因此不用添加双引号
2.var与const的区别,一个是用于定义变量,一个是用于定义常量
</script>
在js的获取document元素的操作中,我们经常拿到的是类数组
什么是类数组:
- 具备着与数组相似的格式,也可以采用数组的键访问方式
- 在数组中,有着对象格式:length,在数组中也是存在的
因此,我们需要讨论如何将类数组转化为数组
- es6的array.from()函数
const lis=document.querySelectorAll("ul li");
console.log(lis);
// 1.通过es6的array.from()函数实现转换
console.log(Array.from(lis));
- 通过for遍历
- 关于forEach()的应用
arrsone.forEach(function(a)
{
// 因为传入这个函数的实参只有三个
// this也是浏览器传入的隐含参数
console.log(arguments.length);
console.log("a="+a);
});
第一个值是我们数组对应的值,第二个是数组的键位,第三个
并不是一定需要用数组,类数组也可以进行foreach循环
数组的常用函数
关于数组增添的一些常用函数
- pop()
console.log(arrsone.pop()); 输出结果为567,移除数组的最后一位数,并返回
- unshift()
console.log(arrsone.unshift("每天都要保持心情的愉快")) 输出结果为:5;,在数据的尾添加数据并返回
- push()
console.log(arrsone.push("今天还没有发现新的开心点")) 输出结果为:6;在尾部进行添加,同时输出添加位置
- join() 可以将数组转换成字符串,用于数据传输
讲到数组就逃不开字符串,字符串在内存中也是数组的形式存在的
字符串常用的函数
- indexof():
用于查找字符串在查找对象中第一次出现的位置,如果没有则会返回-1