Js-w3school（2020.2.3）【js数组】

1.JavaScript 数组用于在单一变量中存储多个值。
2.创建数组：
数组文本方法：

var cars = ["Saab", "Volvo", "BMW"];

或使用关键词 new

var cars = new Array("Saab", "Volvo", "BMW");

3.我们通过引用索引号（下标号）来引用某个数组元素
4. 通过 JavaScript，可通过引用数组名来访问完整数组
5. 数组是一种特殊类型的对象。在 JavaScript 中对数组使用 typeof 运算符会返回 “object”
6. length 属性返回数组的长度（数组元素的数目）。 length 属性始终大于最高数组索引（下标）。

var last = fruits[fruits.length - 1];// 访问最后一个元素
var first = fruits[0];//访问第一个元素

7.遍历数组的最安全方法是使用 “for” 循环。
也可以使用 Array.foreach() 函数

var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];
text = "<ul>";
fruits.forEach(myFunction);
text += "</ul>";
function myFunction(value) {
  text += "<li>" + value + "</li>";
}

8.向数组添加新元素的最佳方法是使用 push() 方法

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Lemon");                // 向 fruits 添加一个新元素 (Lemon)

也可以使用 length 属性向数组添加新元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Lemon";     // 向 fruits 添加一个新元素 (Lemon)

9.具有命名索引的数组被称为关联数组（或散列）。JavaScript 不支持命名索引的数组。

var person = [];
person["firstName"] = "Bill";
person["lastName"] = "Gates";
person["age"] = 62;
var x = person.length;         // person.length 将返回 0
var y = person[0];              // person[0] 将返回 undefined

在 JavaScript 中，数组使用数字索引。
在 JavaScript 中，对象使用命名索引。
10. 避免 new Array()
没有必要使用 JavaScript 的内建数组构造器 new Array()

var points = new Array();         // 差
var points = [];                  // 优

比如，下面这个就会造成歧义：是一个数组有40个元素还是我们要一个只有一个元素的数组其值为40

var points = new Array(40);       // 创建包含 40 个未定义元素的数组！！！

11. 如何识别数组
    Array.isArray(fruits); // 返回 true
    自定义isArray函数：

function isArray(x) {
    return x.constructor.toString().indexOf("Array") > -1;
}//假如对象原型包含单词 "Array" 则返回 true。
instanceof 运算符返回 true：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits instanceof Array     // 返回 true

12.JavaScript 方法 toString() 把数组转换为数组值（逗号分隔）的字符串
13. join() 方法也可将所有数组元素结合为一个字符串，split（）的逆运算

var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * "); 
// Banana * Orange * Apple * Mango

14 pop() 方法从数组中删除最后一个元素, pop() 方法返回“被弹出”的值

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // x 的值是 "Mango",并弹出原数组

15 push() 方法（在数组结尾处）向数组添加一个新的元素，返回新数组的长度

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       //  向 fruits 添加一个新元素
var x =  fruits.push("Kiwi");   //  x 的值是 5

16.shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引。shift() 方法返回被“位移出”的字符串
17. unshift() 方法（在开头）向数组添加新元素，并“反向位移”旧元素。unshift() 方法返回新数组的长度。
18. 关系：
·pop()和push()作用于数组尾
·shift() 和unshift()作用于数组头
·pop()和shift()移除，返回移除的值
·push()和unshift()添加，返回添加后的长度
19. JavaScript 数组属于对象，其中的元素就可以使用 JavaScript delete 运算符来删除

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // 把 fruits 中的首个元素改为 undefined

会造成空洞，不建议
20. splice() 方法可用于向数组添加新项

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
//翻译为：在索引为2的位置，删除0个，插入后面元素。插入

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
//翻译为：在索引为2的位置，删除2个，插入后面元素。替换

能够使用 splice() 在数组中不留“空洞”的情况下移除元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除 fruits 中的第一个元素

21.concat() 方法通过合并（连接）现有数组来创建一个新数组
concat() 方法不会更改现有数组。它总是返回一个新数组。
concat() 方法可以使用任意数量的数组参数
22. slice() 方法用数组的某个片段切出新数组。slice() 方法创建新数组。它不会从源数组中删除任何元素。一个参数时候要右边，当有两个参数时取两个数中间的一段。
23. sort() 方法以字母顺序对数组进行排序
24. reverse() 方法反转数组中的元素
25.sort（）默认对于字符串排序，当数字时候，要采用比较函数来修正。
升序排序：

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b}); 

当比较 40 和 100 时，sort() 方法会调用比较函数 function(40,100)。该函数计算 40-100，然后返回 -60（负值）。排序函数将把 40 排序为比 100 更低的值。
降序排序：

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b - a}); 

26.随机排序（应用比较函数）

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return 0.5 - Math.random()}); 

27.您可以使用 Math.max.apply 来查找数组中的最高值

function myArrayMax(arr) {
    return Math.max.apply(null, arr);
}
Math.max.apply([1, 2, 3]) 等于 Math.max(1, 2, 3)。

但是，最快的解决方法是使用“自制”方法，函数遍历数组，用找到的最高值与每个值进行比较

function myArrayMax(arr) {
    var len = arr.length
    var max = -Infinity;
    while (len--) {
        if (arr[len] > max) {
            max = arr[len];
        }
    }
    return max;
}

找最小值只需要Min替换Max
28. JavaScript 数组经常会包含对象

var cars = [
{type:"Volvo", year:2016},
{type:"Saab", year:2001},
{type:"BMW", year:2010}];

sort() 方法仍可用于对数组进行排序，以数值排序

cars.sort(function(a, b){return a.year - b.year});

以字符排序
cars.sort(function(a, b){

return (a.type.toLowerCase())>=(b.type.toLowerCase())?1: -1;});

29. 遍历Array.forEach()
    forEach() 方法为每个数组元素调用一次函数（回调函数）

var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);
function myFunction(value, index, array) {
  txt = txt + value + "<br>"; 
}

大致可以解释为：对象.forReach（被调函数）
30. 映射Array.map()
map() 方法通过对每个数组元素执行函数来创建新数组。
map() 方法不会对没有值的数组元素执行函数。
map() 方法不会更改原始数组。
包括三个参数
• 项目值
• 项目索引
• 数组本身

var numbers1 = [45, 4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);
function myFunction(value, index, array) {
  return value * 2;
}

不使用的时候可以省略即：function myFunction(value)
31. 过滤Array.filter()
filter() 方法创建一个包含通过测试的数组元素的新数组
包括三个参数
• 项目值
• 项目索引
• 数组本身

var numbers = [45, 4, 9, 16, 25];
var over18 = numbers.filter(myFunction);
function myFunction(value) {
  return value > 18;
}

32.缩减Array.reduce()
reduce() 方法在每个数组元素上运行函数，以生成（减少它）单个值。
reduce() 方法在数组中从左到右工作。
reduce() 方法不会减少原始数组。
• 总数（初始值/先前返回的值）
• 项目值
• 项目索引
• 数组本身

var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduce(myFunction);
function myFunction(total, value, index, array) {
  return total + value;
}

total一开始是第一个数，之后是之前的返回值。
reduce() 方法能够接受一个初始值：即传参到total。
32. Array.reduceRight()
reduceRight() 方法在每个数组元素上运行函数，以生成（减少它）单个值。
reduceRight() 方法在数组中从右到左工作。
reduceRight() 方法不会减少原始数组。
此函数接受 4 个参数：
• 总数（初始值/先前返回的值）
• 项目值
• 项目索引
• 数组本身
33.测试全部都Array.every()
every() 方法检查所有数组值是否通过测试，返回值为布尔型。所有都满足条件返回true
• 项目值
• 项目索引
• 数组本身
34.测试是否有Array.some()
some() 方法检查某些数组值是否通过了测试，返回值为布尔型。存在满足条件返回true
• 项目值
• 项目索引
• 数组本身
35.搜索Array.indexOf()
indexOf() 方法在数组中搜索元素值并返回其位置

array.indexOf(item, start)

item 必需。要检索的项目。
start 可选。从哪里开始搜索。负值将从结尾开始的给定位置开始，并搜索到结尾。
如果未找到项目，Array.indexOf() 返回 -1。
如果项目多次出现，则返回第一次出现的位置。
36. Array.lastIndexOf() 与 Array.indexOf() 类似，但是从数组结尾开始搜索
37. 查找第一个满足条件的Array.find()
find() 方法返回通过测试函数的第一个数组元素的值
• 项目值
• 项目索引
• 数组本身

var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

38. findIndex() 方法返回通过测试函数的第一个数组元素的索引

• 点赞
• 收藏
• 分享
• • 文章举报

mus123 发布了13 篇原创文章 · 获赞 0 · 访问量 366 私信 关注

标签：w3school,元素,2020.2,js,数组,fruits,var,Array,方法
来源： https://blog.csdn.net/mus123/article/details/104160330