概述
本篇文章给大家带来了关于javascript的相关知识，其中主要整理了DOM API知识串讲的相关问题，包括了选中页面标签、操作页面标签的属性等等内容，下面一起来看一下，希望对大家有帮助。
【相关推荐：javascript视频教程、web前端】
数组的概念
- 数组也是一个对象，它和我们普通对象功能类似,也是用来存储一些值的
- 不同的是普通对象是使用字符串作为属性名，而数组时使用数字来作为索引操作元素
- 索引:从0开始的整数就是索引.
- 数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据。
创建数组对象
使用typeof检查数组对象时返回Object。
向数组中添加元素
1.直接添加
2.按照索引添加(将元素添加到哪个位置)
这里值得注意的是，如果按照索引添加元素，数组的长度是按照的添加的最大索引来计算的。
读取数组中的元素
读取数组元素是一个返回值，需要变量去接收或者直接输出。
1.直接读取，即读取整个数组内的元素。
2.读取数组中的某个元素。
3.当读取一个不存在的元素时，返回undefined。
数组中的常用属性和方法
1.length属性
length属性可以设置/返回数组长度。
- 设置数组长度：
数组名.length = 长度;
当设置的数组长度>原数组长度时，将空出多余的空间。
当设置的数组长度<原数组长度时，将删除多余的数组元素。 - 返回数组长度：
数组名.length;
补充小技巧：可以利用length属性向数组的最后一个位置添加元素。
2.cancat方法
concat() 方法用于连接两个或多个数组。
3.join方法
join() 方法用于把数组中的所有元素转换一个字符串。
4.pop方法
pop() 方法用于删除数组的最后一个元素并返回删除的元素。
5.push方法
push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
6.shift方法
shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
7.unshift方法
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
8.slice方法
slice() 方法可从已有的数组中返回选定的元素。可提取字符串的某个部分，并以新的字符串返回被提取的部分。注意： slice() 方法不会改变原始数组。
9.splice方法
splice() 方法用于添加或删除数组中的元素。
10.reverse方法
reverse() 方法用于颠倒数组中元素的顺序。
11.sort方法
sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字，并按升序或降序。默认排序顺序为按字母升序。
1.按字母排序（升序/降序）
2.按数字排序（从大到小/从小到大）需定义一个函数。
数组的遍历
使用for循环可进行对数组的遍历。
数组遍历小练习
向数组中添加6个对象，将成年的人员名单添加到一个新的数组中！！
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function Person(name, age){
this.name = name;
this.age = age;
}
var per1 =new Person('苏凉',21);
var per2 =new Person('小红',15);
var per3 =new Person('小月',17);
var per4 =new Person('小丽',19);
var per5 =new Person('小水',20);
var per6 =new Person('小花',5);
var per_list= [per1,per2,per3,per4,per5,per6];
function arrAdult(){
var newArr=[];
for(var i = 0;i<per_list.length;i++){
var x = per_list[i];
if(x.age<18){
console.log(x.name + '未通过');
}else if(x.age>=18){
console.log(x.name + '恭喜你，通过了！');
newArr.push(x.name)
}
}
return newArr;
}
var list = arrAdult();
console.log('通过名单：'+ list)
</script></head><body>
</body></html>登录后复制运行结果：
【相关推荐：javascript视频教程、web前端】
以上就是JavaScript中的数组知识点总结的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是孤独航空为你收集整理的JavaScript中的数组知识点总结的全部内容，希望文章能够帮你解决JavaScript中的数组知识点总结所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复