1. 配列の概念
2. 配列の作成 配列には 2 つのタイプがあります基本的な作成方法: リテラルメソッドと
3. 配列内の要素にアクセスして変更しますインデックスを使用して配列内の要素にアクセスします。
2. 最後の要素に値を代入して、要素の長さを動的に変更します。
5. 配列の走査 一般に、配列を走査するには 3 つの方法があります:
ES5 では、各配列に新しいメソッド array.forEach(function) が追加され、このメソッドを使用すると、すべての要素を自動的に走査できます。配列内
<script type="text/javascript">
var arr = [50, 20, 10, 5, 15, 6];
alert(arr.join("=")); // 50=20=10=5=15=6
</script>ログイン後にコピー
6.2 栈方法
栈：一种数据结构。特点：FILO (先进后出)
向栈中存入元素 称之为 入栈(push)、从栈中移除元素称之为出栈(pop)。先入栈的元素在栈地下，后入栈的元素在栈顶。这两个动作都是对栈顶的元素进行操作。一般栈提供这两个操作足矣。
JavaScript中，支持像操作栈一样去操作数组。
<script type="text/javascript">
var arr = ["张三", "李四", "王五"];
//向栈中添加元素(最后添加的元素肯定在栈顶) 数组中的元素："张三", "李四", "王五", "志玲"
var len = arr.push("志玲"); //push方法返回添加成功后的数组的长度
alert(len); // 弹出：4
arr.push("a", "b"); //也可以向在push方法中传入多个参数，这样每个参数都会添加到数组中。 栈顶元素是 "b"
//pop出栈，一次只能出栈一个元素
var item = arr.pop(); //把栈顶的元素从栈(数组)中移除。并返回移除的这个元素
alert(item); // 弹出：b
</script>ログイン後にコピー
说明：
入栈其实就是把新的元素添加到数组的后面
出栈其实就是把数组中的最后一个元素从数组中移除
6.2队列方法
队列也是一种数据结构。 特点：FIFO(先进先出)
JavaScript中，对数组的操作也提供了模拟队列的方法。
向队列头部添加元素(unshift)、从队列头部移除元素(shift)
向队列尾部添加元素、从队列尾部移除元素
注意：对队列尾部的操作没有提供新的方法，使用push和pop可以完成相应的操作。
<script type="text/javascript">
//把arr当做队列对待，那么 队列头部元素就是 "张三", 队尾元素就是 "王五"
var arr = ["张三", "李四", "王五"];
var firstItem = arr.shift(); //把队首元素从队列中移除，并返回移除的这个元素
alert(firstItem); //张三
alert(arr); // 李四, 王五
var len = arr.unshift("志玲"); //向队列头部添加元素，并返回添加成功后队列(数组)的长度
alert("数组长度：" + len); // 数组长度：3
alert(arr); // 志玲, 李四, 王五
arr.unshift("a", "b");
alert(arr); // a, b, 志玲, 李四, 王五
</script>ログイン後にコピー
6.3 数组中元素的倒置
<script type="text/javascript">
var arr = ["张三", "李四", "王五"];
alert("数组倒置前：" + arr);
//对数组元素进行倒置。
arr.reverse();
alert("数组倒置后：" + arr);
</script>ログイン後にコピー
注意：
==倒置操作是对原数组本身做了操作，返回的也是原数组对象，并不是一个新创建的数组。==
6.4 查找指定元素在数组中的索引
indexOf(item): 从前面开始向后查找 item 第一次出现的位置
lastIndexOf(item): 从尾部开始向前查找 item 第一次出现的位置
<script type="text/javascript">
var arr = ["张三", "张三", "李四", "王五", "张三", "李四", "王五"];
alert(arr.indexOf("张三")); // 0
alert(arr.lastIndexOf("张三")); // 4
</script>ログイン後にコピー
indexOf(item, fromBack): 从第二个参数的位置开向后始查找 item 第一次出现的位置
lastIndexOf(item, fromForward): 从第二个参数的位置开始向前查找 item 第一次出现的位置
<script type="text/javascript">
var arr = ["张三", "张三", "李四", "王五", "张三", "李四", "王五"];
alert(arr.indexOf("张三", 2)); // 4
alert(arr.lastIndexOf("张三", 3)); // 1
</script>ログイン後にコピー
6.4 获取新的数组
arr.contact(arrayX,arrayX,……,arrayX)
该方法用于连接两个或多个数组。至少传入一个参数，参数可以是数组也可以是元素。
==注意：该方法是返回的一个新的数组，原数组没有做任何改变==
<script type="text/javascript">
var arr1 = ["a", "b", "c"];
//把参数数组与arr1连接起来，并返回连接后的新数组
var newArr = arr1.concat(["c", "d"]);
//新数组的长度是 5
alert(newArr.length);
//原数组的长度还是 3 。原数组中的元素没有做任何变化
alert(arr1.length);
//把两个元素和一个数组与原数组arr1连接起来，并返回新的数组
var newArr2 = arr1.concat("e", "f", ["g", "h"]);
//新数组长度为：7
alert(newArr2.length);
</script>ログイン後にコピー
arr.slice(start,end) : 截取数组，并返回截取到的新数组
==注意：该方法是返回的一个新的数组，原数组没有做任何改变==
<script type="text/javascript">
var arr1 = ["a", "b", "c", "d", "e", "f"];
// 从下标为0的位置开始截取，截取到下标2，但是不包括下标为2的元素. 原数组没有任何的变化
var newArr = arr1.slice(0, 2);
alert(newArr);// a, b
alert(arr1.slice(1, 4)); // b,c,d
//从下标为2的元素开始截取，一直到最后一个元素
alert(arr1.slice(2)); //c,d,e,f
//从倒数第5个元素，截取到倒数第2个
alert(arr1.slice(-5, -2)); // b c d
</script>ログイン後にコピー
arr.splice(index,howmany,item1,…..,itemX) 方法向/从数组中添加/删除元素，然后==返回被删除的元素组成的数组。==
==注意：这个方法会对原数组做出修改。==
<script type="text/javascript">
var arr1 = ["a", "b", "c", "d", "e", "f"];
//因为第2个参数不为0，所以表示删除元素：从小标为1的位置开始删除，共删除2个元素。(2个中包括下标为1的元素)
var deleted = arr1.splice(1, 2); //返回值为删除的元素组成的数组
//原数组
alert(arr1); // a,d,e,f
alert(deleted); // b,c
</script>ログイン後にコピー
<script type="text/javascript">
var arr1 = ["a", "b", "c", "d", "e", "f"];
//因为第2参数为0，所以表示添加元素：从下标为1的位置插入元素。其余的元素会自动向后移动
var v = arr1.splice(1, 0, "m", "n"); // 因为是添加元素，所以返回的数组长度为 0
alert(v.length); // 0
alert(arr1); // a,m,n,b,c,d,e,f
</script>ログイン後にコピー
七、 数组排序
JavaScript中，所有的数组对象都提供了一个排序函数。
arr.sort(sortby) 方法用于对数组的元素进行排序。
不传入参数的时候，是默认的升序排列。但是做升序排列的时候，是把每个元素转换成string之后，按照编码表中的顺序排序的。
<script type="text/javascript">
var arr1 = ["a", "ab", "fca", "cd", "eb", "f"];
arr1.sort(); //默认情况按照编码表中的顺序排列
alert(arr1); // a, ab, cd, eb, f, fca
var arr2 = [10, 8, 6, 20, 30, 15];
arr2.sort();
console.alert(arr2); // 10,15,20,30,6,8</script>ログイン後にコピー
从上面可以看出来，当数组中的元素是Number的时候，按照编码表排序并不太符合我们的预期，我们更想按照数字的大小排序。这时，我们可以传递一个 “比较函数”。
<script type="text/javascript">
/*
sort方法进行排序的时候，会调用这个函数，来确定谁大谁小，从而来确定他们的位置。
排序函数的规则：
1、比较函数必须具有两个参数 num1, num2
2、若返回值 > 0, 则认为num1 > num2, 排序的时候num1在num2之后
3、若返回值 == 0,则认为num1== num2，排序的时候两个数的顺序就保持不变
4、若返回值 < 0, 则认为num < num2, 排序的时候num1在num2之前。
总结：
1、若num1 > num2 返回 正数， num1 < num2 返回 负数，则是升序
2、若num1 > num2 返回 负数， num1 < num2 返回 正数，则是降序
*/
function sortNumber (num1, num2) {
//升序
if(num1 > num2){
return 1;
}else if(num1 == num2){
return 0;
}else {
return -1;
}
}
var arr2 = [10, 8, 6, 20, 30, 15];
arr2.sort(sortNumber);
console.log(arr2.toString());
</script>ログイン後にコピー
//升序函数
function sortAsc(num1, num2){
return num1 - num2; //num1 > num2 就返回正数
}
// 降序函数
function sortDesc(num1, num2){
return num2 - num1; //num1 > num2 就返回负数
}ログイン後にコピー
八、 数组检测
如何检测一个对象是不是一个Array。
使用instanceof运算符。
使用Array.isArray(arr) 方法。
8.1 instanceof运算符
JavaScript中instanceof运算符会返回一个 Boolean 值，指出对象是否是特定构造函数的一个实例。
var arr = [];
alert(arr instanceof Array); //true12
ログイン後にコピー
8.2 Array.isArray(arr) 方法
Array.isArray(arr) , 如果arr是数组，则返回true，否则返回false
var arr = [];
alert(Array.isArray(arr)); //true
alert(Array.isArray("abc")); // falseログイン後にコピー
九、 二维数组
如果数组中的元素存储的是数组，则就构成了二维数组。
//数组中的每个元素都是数组，则就是一个二维数组
var towDimArr = [
[4, 5],
[7, 8],
[50, 9, 10],
[5]
];
alert(towDimArr.length); //数组的长度为 4
//使用嵌套循环来遍历二维数组。
for (var i = 0; i < towDimArr.length; i++) {
for (var j = 0; j < towDimArr[i].length; j++) {
alert(towDimArr[i][j]);
}
}ログイン後にコピー
详细的讲述了JavaScript中数组，大家可以详细的阅读一下哦！
相关推荐：
JavaScript数组进化与性能分析实例
以上が上級プログラマーによる JavaScript 配列の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
