Js-w3school（2024(16)，web可视化开发工具

}//假如对象原型包含单词 “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 + “
”;

}

大致可以解释为：对象.forReach（被调函数）

30. 映射Array.map()

map() 方法通过对每个数组元素执行函数来创建新数组。

map() 方法不会对没有值的数组元素执行函数。

map() 方法不会更改原始数组。

包括三个参数

• 项目值

• 项目索引

• 数组本身

var numbers1 = [45, 4, 9, 16, 25];

var numbers2 = numbers1.map(myFunction);

function myFunction(value, index, array) {

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

后话

---

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

对于面试，说几句个人观点。

面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

---

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

对于面试，说几句个人观点。

面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。