数组的方法
2019-06-22 本文已影响0人
椋椋夜色
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>数组的方法</title>
JavaScript Array对象的属性和方法 : https://www.runoob.com/jsref/jsref-obj-array.html
数组去重 (请参考我的另一篇文章) : https://www.jianshu.com/p/715f58389a73
二维数组转一维数组(请参考我的另一篇文章) : https://www.jianshu.com/p/a71728ad83fb
数组的foreach方法（遍历(请参考我的另一篇文章) :https://www.jianshu.com/p/d4fcd9021ed6
.数组分割字符串 (请参考我的另一篇文章) :https://www.jianshu.com/p/a20dc8674cfd
数组转对象(请参考我的另一篇文章) : https://www.jianshu.com/p/06b153aae950
</head>
<body>
<!-- 数组的方法：
1.给数组新增子项 ()
2.给数组删除子项
3.数组去重
4.二维数组转一维数组
5.数组的foreach方法（遍历）
6.数组分割字符串
7.数组转对象 -->
<p>
什么是数组? <br />
数组对象是使用单独的变量名来存储一系列的值。<br />
数组可以用一个变量名存储所有的值，并且可以用变量名访问任何一个值。<br />
数组中的每个元素都有自己的的ID，以便它可以很容易地被访问到。<br />
</p>
<p>
1.给数组新增子项 <br />
push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度 <br />
arr.push("liang3", "liang4"); <br />
注意： 新元素将添加在数组的末尾。 此方法改变数组的长度。<br />
提示： 在数组起始位置添加元素请使用 unshift() 方法。<br />
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。<br />
arr.unshift("liang3", "liang4"); <br />
注意：该方法将改变数组的数目。<br />
</p>
<p>
2.给数组删除子项 <br />
pop() 方法用于删除数组的最后一个元素并返回删除的元素。<br />
arr.pop(); <br />
注意：此方法改变数组的长度！<br />
提示： 移除数组第一个元素，请使用 shift() 方法 <br />
shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。<br />
arr.shift(); <br />
注意： 此方法改变数组的长度 <br />
</p>
<a href="https://www.runoob.com/jsref/jsref-obj-array.html">JavaScript Array对象的属性和方法</a>
<p>
3.数组去重 (请参考我的另一篇文章) <a href="https://www.jianshu.com/p/715f58389a73">数组去重</a>
</p>
<p>
4.二维数组转一维数组(请参考我的另一篇文章) <a href="https://www.jianshu.com/p/a71728ad83fb">二维数组转一维数组</a>
</p>
<p>
5.数组的foreach方法（遍历）(请参考我的另一篇文章) <a href="https://www.jianshu.com/p/d4fcd9021ed6">数组的foreach方法（遍历）</a>
</p>
<p>
6.数组分割字符串 (请参考我的另一篇文章) <a href="https://www.jianshu.com/p/a20dc8674cfd">数组分割字符串</a>
</p>
<p>
7.数组转对象 (请参考我的另一篇文章) <a href="https://www.jianshu.com/p/06b153aae950"> 数组转对象 </a>
</p>
<script>
// 创建一个数组，有三种方法。
// 下面的代码定义了一个名为 liang 的数组对象：(推荐用 :字面方式)
// 1: 常规方式:
var liang = new Array();
liang[0] = "liang liang";
liang[1] = "ye se";
liang[2] = "椋椋夜色";
console.log(liang); // 输出: length(长度)为(3) ["liang liang", "ye se", "椋椋夜色"]
// 2: 简洁方式:
var liang = new Array("liang liang", "ye se", "椋椋夜色");
console.log(liang); // 输出: length(长度)为(3) ["liang liang", "ye se", "椋椋夜色"]
// 3: 字面方式:
var liang = ["liang liang", "ye se", "椋椋夜色"];
console.log(liang); // 输出: length(长度)为(3) ["liang liang", "ye se", "椋椋夜色"]
// 1.1给数组新增子项(尾部)
var arr = ["liang1", "liang2"];
console.log(arr); // 输出: length(长度)为(2) ["liang1", "liang2"]
arr.push("liang3", "liang4");
console.log(arr); // 输出: length(长度)为(4) ["liang1", "liang2", "liang3", "liang4"]
// 1.2给数组新增子项(头部)
var arr = ["liang1", "liang2"];
console.log(arr); // 输出: length(长度)为(2) ["liang1", "liang2"]
arr.unshift("liang3", "liang4");
console.log(arr); // 输出: length(长度)为(4) ["liang3", "liang4","liang1", "liang2"]
// 2.1给数组删除子项(删除最后一个)
var arr = ["liang1", "liang2"];
console.log(arr); // 输出: length(长度)为(2) ["liang1", "liang2"]
arr.pop();
console.log(arr); // // 输出: ["liang1"]
// 2.2给数组删除子项(删除第一个)
var arr = ["liang1", "liang2"];
console.log(arr); // 输出: length(长度)为(2) ["liang1", "liang2"]
arr.shift();
console.log(arr); // // 输出: ["liang2"]
</script>
</body>
</html>
