【JavaScript】4.26日学习
【摘要】 数组在单一变量中存储多个值var num=[1,2,3,4,5]; 创建方式数组在js中有两种创造方式直接创建数组var num=[1,2,3,4,5];运用new关键字var num=new Array(1,2,3,4,5)为了简洁与可读性，推荐使用方式一数组是一种特殊类型的对象JavaScript 中对数组使用 typeof 运算符会返回 “object”。但是，JavaScript ...
数组
在单一变量中存储多个值
var num=[1,2,3,4,5];
创建方式
数组在js中有两种创造方式
- 直接创建数组
var num=[1,2,3,4,5];
- 运用new关键字
var num=new Array(1,2,3,4,5)
为了简洁与可读性，推荐使用方式一
数组是一种特殊类型的对象
JavaScript 中对数组使用 typeof 运算符会返回 “object”。
但是，JavaScript 数组最好以数组来描述。
数组的元素可以是对象
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript数组</h1>
<p>JavaScript访问数组中对象</p>
<p id="demo"></p>
<script>
var aa={id:1024,name:"黑城笑"}
var bb={major:"network",web:'csdn'}
var test=[aa,bb];
document.getElementById("demo").innerHTML=test[0].id
</script>
</body>
</html>
运行结果
数组和对象的区别
在 JavaScript 中，数组使用数字索引。
在 JavaScript 中，对象使用命名索引。
数组是特殊类型的对象，具有数字索引。
数组方法
把数组转换为字符串
JavaScript 方法 toString() 把数组转换为数组值（逗号分隔）的字符串。
弹出项目与推入项目
pop()与push()
pop()方法是弹出元素，push是推入元素
pop()方法：
//弹出元素，即删除最后一个元素
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组方法</h1>
<h2>pop()</h2>
<p id="num1"></p>
pop()方法可返回弹出元素：
<p id="num2"></p>
<p>pop()方法从数组中删除最后一个元素。</p>
<p id="num3"></p>
<script>
var num=[1,2,3,4,5];
document.getElementById("num1").innerHTML = num;
document.getElementById("num2").innerHTML= num.pop();
document.getElementById("num3").innerHTML = num;
</script>
</body>
</html>
运行结果：
push()方法
//push()方法（在数组结尾处）向数组添加一个新的元素：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组方法</h1>
<h2>push()</h2>
<p id="num1"></p>
push()方法可返回添加元素：
<p id="num2"></p>
<p>push() 方法将新元素追加到数组中。</p>
<p id="num3"></p>
<script>
var num=[1,2,3,4,5];
document.getElementById("num1").innerHTML = num;
document.getElementById("num2").innerHTML= num.push(6);
document.getElementById("num3").innerHTML = num;
</script>
</body>
</html>
运行结果：
唯一元素
shift()同pop()方法类似，但是删除首位元素，并将剩下元素左移
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组方法</h1>
<h2>shift()</h2>
<p id="num1"></p>
shift()方法可返回弹出元素：
<p id="num2"></p>
<p>shift() 方法删除数组的第一个元素（并将所有其他元素“移位”到左侧）：</p>
<p id="num3"></p>
<script>
var num=[1,2,3,4,5];
document.getElementById("num1").innerHTML = num;
document.getElementById("num2").innerHTML= num.shift();
document.getElementById("num3").innerHTML = num;
</script>
</body>
</html>
运行结果：
数组迭代
数组迭代方法对每个数组项进行操作
Array.forEach()
forEach() 方法为每个数组元素调用一次函数（回调函数）
var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);//每个数组都调用了一次函数
function myFunction(value, index, array) {
txt = txt + value + "<br>";
}
部分内容来自于W3school
链接: JavaScript 教程
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）