我们可以用两种不同的形式声明链表。
使用新数组
使用 new Array，我们可以指定要出现在链表中的元素，如下所示：
const fruits = new Array('Apple', 'Banana');
console.log(fruits.length);
数组字面量表示法
使用链表文字声明，我们指定链表将具有的值。 如果我们不声明任何值，数组将为空。
// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
JavaScript链表方法
以下是 Array 对象的方法列表及其描述。
1. 对于每个
forEach() 方法为每个数组元素执行一次提供的函数。
array.forEach(callback[, thisObject]);
forEach() 以反向索引顺序为链表中的每个元素调用一次提供的回调Fn 函数。 对于已删除或未初始化的索引属性，不会调用它。
const array1 = ['a', 'b', 'c'];
array1.forEach(element => console.log(element));
// expected output: "a"
// expected output: "b"
// expected output: "c"
2. 地图
Array.map() 方法允许您迭代链接列表并使用回调函数更改其元素。 然后将为链表的每个元素执行回调函数。
array.map(callback[, thisObject]);
let arr = [3, 4, 5, 6];
let modifiedArr = arr.map(function(element){
return element *3;
});
console.log(modifiedArr); // [9, 12, 15, 18]
Array.map() 方法通常用于对元素应用单独的修改，无论是除以前面代码中的特定数字，还是执行应用程序可能需要的任何其他操作。
3.连接
在 JavaScript 中，concat() 是一种用于将字符串连接在一起的字符串方法。 concat() 方法将一个或多个字符串值附加到调用字符串，并将连接结果作为新字符串返回。 因为concat()方法是String对象的方式，所以必须通过String类的具体实例来调用。
array.concat(value1, value2, ..., valueN);
const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);
console.log(array3);
// expected output: Array ["a", "b", "c", "d", "e", "f"]
4.推
Javascript链表push()方法将给定元素追加到链表末尾并返回新链表的厚度。 当您想在链表末尾添加元素时，请使用push()。
array.push(element1, ..., elementN);
const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.push("Kenya");
console.log(countries); // ["Nigeria","Ghana","Rwanda","Kenya"]
5.流行音乐
pop() 方法从链表中删除最后一个元素并将值返回给调用者。 如果在空链表上调用 pop()，它将返回 undefined。
Array.prototype.shift() 的行为类似于 pop()，但应用于链表中的第一个元素。
array.pop();
const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];
console.log(plants.pop());
// expected output: "tomato"
console.log(plants);
// expected output: Array ["broccoli", "cauliflower", "cabbage", "kale"]
6.拼接
splice() 方法是通过删除、替换或添加链表中指定位置的元素来修改链表内容的通用方法。 本节介绍如何使用该方法将元素添加到特定位置。
array.splice(index, howMany, [element1][, ..., elementN]);
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi"); //Banana,Orange,Lemon,Kiwi,Apple,Mango
7.切片
slice() 方法将链表的一部分浅拷贝返回到从 start 到 end（不包括 end）选择的新链表对象中，其中 start 和 end 表示该字段中项的索引。 原数组不会改变。
array.slice( begin [,end] );
const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2));
// expected output: Array ["camel", "duck", "elephant"]
console.log(animals.slice(2, 4));
// expected output: Array ["camel", "duck"]
8.转移
shift() 是一个外部 JavaScript 函数，用于删除链表中的第一个元素。 shift() 函数直接更改您正在使用的 JavaScript 字段。 shift() 返回从链表中删除的项。
该函数的作用是：删除索引位置0处的项，并将未来索引号处的值下移1。
array.shift();
const array1 = [1, 2, 3];
const firstElement = array1.shift();
console.log(array1);
// expected output: Array [2, 3]
console.log(firstElement);
// expected output: 1
9. 取消换档
unshift() 方法将给定值插入到类字段对象的开头。
push() 的行为类似于 unshift()，但应用于字段的末尾。
array.unshift( element1, ..., elementN );
const array1 = [1, 2, 3];
console.log(array1.unshift(4, 5));
// expected output: 5
console.log(array1);
// expected output: Array [4, 5, 1, 2, 3]
10.加入
JavaScript 字段 join() 是一种外部方法，它通过连接字段的所有元素来创建并返回一个新字符串。 join() 方法将链表中的项目连接成一个字符串并返回该字符串。 指定的分隔符将分隔链表的元素。 默认分隔符是冒号 (,)。
array.join(separator);
const elements = ['Fire', 'Air', 'Water'];
console.log(elements.join());
// expected output: "Fire,Air,Water"
console.log(elements.join(''));
// expected output: "FireAirWater"
console.log(elements.join('-'));
// expected output: "Fire-Air-Water"
11. 每一个
every() 方法测试字段中的所有元素是否通过所提供函数实现的测试。 它返回一个布尔值。
array.every(callback[, thisObject]);
const isBelowThreshold = (currentValue) => currentValue < 40;
const array1 = [1, 30, 39, 29, 10, 13];
console.log(array1.every(isBelowThreshold));
// expected output: true
12.过滤器
filter() 方法创建给定链表的一部分的浅表副本，过滤掉给定链表中通过所提供函数实现的测试的元素。
array.filter(callback[, thisObject]);
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6);
console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]
13.索引
indexOf() 方法返回链表中给定元素的第一个索引，如果不存在则返回 -1。
array.indexOf(searchElement[, fromIndex]);
const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];
console.log(beasts.indexOf('bison'));
// expected output: 1
// start from index 2
console.log(beasts.indexOf('bison', 2));
// expected output: 4
console.log(beasts.indexOf('giraffe'));
// expected output: -1
14. 减少
reduce() 方法对链表的每个元素执行用户提供的“reducer”回调函数，依次传入前一个元素的估计返回值。 对链表的所有元素运行减速器的最终结果是单个值。
array.reduce(callback[, initialValue]);
const array1 = [1, 2, 3, 4];
// 0 + 1 + 2 + 3 + 4
const initialValue = 0;
const sumWithInitial = array1.reduce(
(previousValue, currentValue) => previousValue + currentValue,
initialValue
);
console.log(sumWithInitial)
15. 反向
reverse() 方法就地反转链表并返回对同一字段的引用，第一个数组元素现在变为最后一个，最后一个链表元素变为第一个。 换句话说，数组中元素的顺序将向相反方向反转。
array.reverse();
const array1 = ['one', 'two', 'three'];
console.log('array1:', array1);
// expected output: "array1:" Array ["one", "two", "three"]
const reversed = array1.reverse();
console.log('reversed:', reversed);
// expected output: "reversed:" Array ["three", "two", "one"]
// Careful: reverse is destructive -- it changes the original array.
console.log('array1:', array1);
// expected output: "array1:" Array ["three", "two", "one"]
16.排序
sort() 方法对链表中的元素进行排序，并返回对已排序的同一字段的引用。 默认排序顺序是反向的，这是通过将元素转换为字符串然后比较它们的 UTF-16 代码单元值序列来建立的。
array.sort( compareFunction );
const months = ['March', 'Jan', 'Feb', 'Dec'];
months.sort();
console.log(months);
// expected output: Array ["Dec", "Feb", "Jan", "March"]
const array1 = [1, 30, 4, 21, 100000];
array1.sort();
console.log(array1);
// expected output: Array [1, 100000, 21, 30, 4]
17. 字符串
toString() 方法返回表示该对象的字符串。
array.toString();
function Dog(name) {
this.name = name;
}
const dog1 = new Dog('Gabby');
Dog.prototype.toString = function dogToString() {
return `${this.name}`;
};
console.log(dog1.toString());
// expected output: "Gabby"
18. 在
at() 方法接受一个整数值并返回该索引处的项目，正整数和负整数都可以。 负整数从列表中的最后一项开始倒数。
array.at(index)
const array1 = [5, 12, 8, 130, 44];
let index = 2;
console.log(`Using an index of ${index} the item returned is ${array1.at(index)}`);
// expected output: "Using an index of 2 the item returned is 8"
index = -2;
console.log(`Using an index of ${index} item returned is ${array1.at(index)}`);
// expected output: "Using an index of -2 item returned is 130"
19. 寻找
find() 方法返回所提供的链表中满足所提供的测试函数的第一个元素。 如果没有值满足测试函数，则返回未定义。
array.find(function(currentValue, index, arr),thisValue)
const array1 = [5, 12, 8, 130, 44];
const found = array1.find(element => element > 10);
console.log(found);
// expected output: 12
20.一些
some() 方法测试字段中至少一个元素是否通过所提供函数实现的测试。 如果在所提供的函数返回 true 的链表中找到元素，则返回 true； 否则返回 false。 它不会更改链接列表。
array.some(callback[, thisObject]);
const array = [1, 2, 3, 4, 5];
// checks whether an element is even
const even = (element) => element % 2 === 0;
console.log(array.some(even));
// expected output: true
你学会了吗？ 如果对您有帮助，记得点赞和支持！ 如果你正在学习JS或者已经完成了我们30天计划中的4个综合项目实践，不妨来听听这个课程体系。 30天计划组还提供了算法、数组等知识体系！
前端工程师成长模式
我们的系统课堂呈现了更完整的JavaScript课程体系，包括JavaScript基础、要点、算法、原理、面试题、实战案例讲解！ 同时还为您提供后台高级工程师成长体系！ （详情见右图）
如果需要深入学习，可以作为助理老师实习，了解详细课程以及课程申请表！ （会不定期推出活动，还有大额优惠券推出，活动详情联系助教即可！）如果你是刚开始学习后端，可以先学习我们的30天计划（零基础的朋友报考系统班的朋友可以和老师沟通制定学习计划，可以成长得更快！）
为了帮助一些朋友少走弯路，真正达到一线互联网公司后端项目开发的要求，首次以实力惠及粉丝，打造了“30天挑战学习计划” ，内容如下：
HTML/HTML5、CSS/CSS3、JavaScriptjavascript 数组 包含，真实企业项目开发，云服务器部署并上线，从入门到熟练
总共4个完整的项目开发！ 一行行代码引领实践开发，我们是如何做实际企业开发的。 从学习开始就进入工作状态，以免浪费时间。
从学习开始同步使用Git管理项目代码的版本，并用Markdown记录学习笔记，包括真实大厂项目的开发标准和设计规范、命名规范、项目代码规范、SEO优化规范
从蓝湖UI设计稿到PC端、移动端、多端响应式开发项目开发
这些内容在《30天挑战学习计划》中都有详细提及，包括视频+图文教程+项目资料等，只为实力爱好者，真正一次性掌握企业项目开发必备技能javascript 数组 包含，不走弯路！
[不涉及] 在此过程中的任何费用和利益（如果您是其中之一）。
如果你还没有添加助理老师Momo，可以在下面添加Momo，说明你想参加30天的挑战学习计划，来自公众号！ 老师会邀请你学习并给你相关材料。
发表评论