17种面试前你需要知道的JavaScript 数组方法

开发 前端
本文的重点是强调我选择在 JavaScript 中进行评估的主要原因之一:原生数组方法。在本文中,我将创建一个快速备忘录,以帮助您和我在未来的测试中取得好成绩。

由于,我最近一直在申请软件工程职位,因此我被要求进行评估以测试我的编码能力,对我使用的的语言(如 C、C++、Java 和 JavaScript)进行评估时,我需要开发一种满足提示的简洁算法。

为了准备这样的测试,我自然而然地倾向于 JavaScript。这是一种非常灵活和宽容的语言。

本文的重点是强调我选择在 JavaScript 中进行评估的主要原因之一:原生数组方法。在本文中,我将创建一个快速备忘录,以帮助您和我在未来的测试中取得好成绩。

提示:如果您正在准备编码面试,我真的鼓励您在 CodeWars 练习您的开发技能。那里的提示很容易成为我评估的提示之一。这非常相似。

说了这么多,让我们开始吧。

1、array.concat

let array1 = [1,2];
let array2 = [3,4];
let array3 = [5,6,7];
let array4 = array1.concat(array2, array3)
console.log(array4)// [1,2,3,4,5,6,7]

将两个或多个数组连接成一个数组。

您可以在 concat 方法中拥有无限数量的参数。

还可以这样做:

let array1 = [1,2];
let array2 = [3,4];
let array3 = [5,6,7];
let array4 = [...array1, ...array2]
console.log(array4);

2、array.length

var name = "Kyle";
console.log(name.length) // 4
var array = [1,2,3,4,5];
console.log(array.length); //5

用于获取数组或字符串的长度

3、array.join

let students = ["Anthony", "Beth", "Cersi" , "Dario", "Elizabeth", "Farrah"];
let welcomeMessage = "Hello " + students.join(" and ")
console.log(welcomeMessage);
/* PRINTS
Hello Anthony and Beth and Cersi and Dario and Elizabeth and Farrah
*/

将数组的元素连接在一起并将其转换为字符串

join方法的一个参数(分隔符)

例如,我们使用“和”来连接数组中的所有元素。你可以使用空格“”或逗号“,”或任何你想要的。

4、array.pop

let students = ["Anthony", "Beth", "Cersi" , "Dario", "Elizabeth", "Farrah"];
let removed = students.pop();
console.log(removed); //Farrah
console.log(students); //["Anthony", "Beth", "Cersi" , "Dario", "Elizabeth"]
students.pop();
console.log(students); //["Anthony", "Beth", "Cersi" , "Dario"]

移除数组最后的元素

该方法返回被移除的元素,这是可选的,您也可以单独使用 students.pop() 。

5、array.push

let students = ["Anthony", "Beth", "Cersi" , "Dario", "Elizabeth", "Farrah"];
students.push("George");
console.log(students);
/* Prints: ["Anthony", "Beth", "Cersi" , "Dario", "Elizabeth", "Farrah", "George]
*/

在数组末尾添加元素

6、array.shift

let students = ["Anthony", "Beth", "Cersi" , "Dario", "Elizabeth", "Farrah"];
students.shift();
console.log(students);
/*PRINTS:
["Beth", "Cersi" , "Dario", "Elizabeth", "Farrah"]
*/

删除数组最开始的元素。

7、array.unshift

let students = ["Anthony", "Beth", "Cersi" , "Dario", "Elizabeth", "Farrah"];
students.unshift("Zander");
console.log(students);
/*PRINTS:
["Zander", "Anthony", "Beth", "Cersi" , "Dario", "Elizabeth", "Farrah"]
*/

8、array.slice

var name = "Jennifer Aniston"
var firstName = name.slice(0,8);
console.log(firstName); //Jennifer
var array = [1,2,3,4,5,6,7];
console.log(array.slice(0,3)); //[1,2,3]
var array = ["Index 1", "Index 2", "Index 3", "Index 4"];
console.log(array.slice(1)); //[ 'Index 2', 'Index 3', 'Index 4' ]
  •  返回从开始索引到结束索引的元素(加一)
  •  不改变原始数组

切片方法的一个参数

  •  提取从给定索引开始直到数组末尾的元素。

切片方法的两个参数:(开始索引,结束索引+1)

  •  提取从给定索引(第一个参数)开始到给定索引(第二个参数)结束的元素
  •  由于我们要提取“Jennifer”,我们从索引 0 开始。Jennifer 的最后一个字母在索引 7 处。所以第二个参数将是 8

9、array.splice

let array1 = [1,2,3,6,7,6,7,8,9];
array1.splice(3, 6)
console.log(array1); //[ 1, 2, 3 ]

用于添加、删除或替换数组中的元素

拼接方法的两个参数

  •  第一个参数是要添加、删除或替换元素的索引
  •  第二个参数是要从第一个参数中提到的索引开始的数组中删除的元素数
  •  例如,我们想在第一个参数中定义的索引 3 处开始添加、删除或替换数组中的元素。(请记住,数组使用从零开始的索引)。我们将删除第二个参数中定义的 6 个元素。
let array1 = [1,2,3,6,7,6,7,8,9];
array1.splice(3, 2, 4, 5 )
console.log(array1); // [1,2,3,4,5,6,7,8,9]

拼接方法的三个或更多参数

  •  第一个参数是要添加、删除或替换元素的索引
  •  第二个参数是要从第一个参数中提到的索引开始的数组中删除的元素数
  •  剩余的参数(可以无限多)将从第一个参数中提到的索引开始插入到数组中
  •  例如,我们想在第一个参数中定义的索引 3 处开始添加、删除或替换数组中的元素。(请记住,数组使用从零开始的索引)。我们将删除第二个参数中定义的 2 个元素。这将使数组位于 [1,2,3,6,7,8,9]。然后,在第一个参数中定义的索引 3 处,我们将插入由其余参数指定的值。在这种情况下,我们有第三个和第四个参数。我们在索引 3 处插入这两个。显然,如果我们有第三、第四、第五、、、、、、、、和第二十个参数,我们将插入所有这些参数。

10、array.reverse

let array1 = [1,2,3,6,7,6,7,8,9];
console.log(array1.reverse()); // [ 9, 8, 7, 6, 7, 6, 3, 2, 1 ]

反转数组的顺序

11、array.sort()

//升序排序
let array1 = [5, 1, 8, 3];
array1.sort((a, b) => a-b);
console.log(array1) //[ 1, 3, 5, 8 ]
//递减数字排序
let array1 = [5, 1, 8, 3];
array1.sort((a, b) => b-a);
console.log(array1) //[ 8, 5, 3, 1 ]
//递减数字排序
let array1 = [5, 1, 8, 3];
array1.sort((a, b) => a-b).reverse();
console.log(array1) //[ 8, 5, 3, 1 ]
//升序字母排序
let array1 = ["apples", "carrots", "zendaya", "tapioca"];
array1.sort();
console.log(array1)
//降序字母排序
let array1 = ["apples", "carrots", "zendaya", "tapioca"];
array1.sort().reverse();
console.log(array1)

字符串方法

12、string.concat

let name = "Kyle";
let age = 21;
let city = "Los Angeles"
let sentence = name.concat(" is " , age , " years old and lives in ", city);
console.log(sentence);

将两个或多个字符串连接成一个字符串。

您可以在 concat 方法中拥有无限数量的参数。您也可以用 + 代替 ,它分隔每个字符串/变量

13、string.indexOf

let sentence = "Publish today on Medium";
console.log(sentence.indexOf("today")) //8

查找字符串第一次出现的索引

如果未找到字符串,则返回 -1

14、string.lastIndexOf

let sentence = "a dog went to a dog park on a tuesday night. ";
console.log(sentence.lastIndexOf("a ")); //28

查找字符串最后一次出现的索引

如果未找到字符串,则返回 -1

15、string.split

let name = "Kyle DeGuzman";
let nameArray = name.split(" ");
console.log(nameArray) //['Kyle', 'DeGuzman']
let alphabet = "abcdefghijklmnopqrstuv";
let alphabetArray = alphabet.split("");
console.log(alphabetArray) //['a','b','c','d','e','f','g','h'....]
let favoriteThings = "Raindrops on Roses, Whiskers on Kittens, Bright Copper Kettles, Warm Woolen Mittens, Brown Paper Packages Tied Up With String";
let favoriteThingsArray = favoriteThings.split(",");
console.log(favoriteThingsArray)

将字符串转换为数组

拆分方法的一个参数(分隔符)

  •  分隔符定义了在字符串中进行切割的位置
  •  例如,第一个分割在空间上进行切割。因此,结果在每个空间都被拆分。
  •  例如,第二次拆分在“”处进行了剪切,基本上在每个字符之间。
  •  例如,只要有逗号,第三个拆分就会进行切割。

16、string.toLowerCase()

let name = "kYle";
let name = name.toLowerCase();
console.log(name); //kyle
let string = ("triumph").toLowerCase();
console.log(string); //triumph

将字符串中的所有字母转换为小写

如果您正在测试用户输入的字符串,这非常棒。

例如:

if (input == "apple"){
...
}

所以如果用户输入Apple、aApple、appLE等,它们将是无效的。

if (input.toLowerCase() == "apple"){
}

这是一个更好的方法

17、string.toUpperCase()

let name = "kYle";
let name = name.toUpperCase();
console.log(name); //KYLE
let string = ("triumph").toUpperCase();
console.log(string); //TRIUMPH

将字符串中的所有字母转换为大写

18、string.trim

let firstName = "Kyle\n\n\n\n";
let lastName = "Deguzman ";
console.log(firstName + lastName);
console.log(firstName.trim() + lastName)

从字符串的左侧和右侧删除空格。

总结

以上就是我今天整理的18个关于JavaScript数组的方法,希望你能从这个清单列表中学习到新知识,如果你觉得我今天的内容对你有帮助的话,请记得点赞我,关注我,并将它分享给你身边的朋友,也许能够帮助到他。

当然,这个清单列表也只是其中的一部分而已,如果你还有要补充的知识内容,欢迎你在留言区给我留言。

最后,感谢你的阅读,祝编程愉快!

责任编辑:庞桂玉 来源: web前端开发
相关推荐

2024-04-03 10:29:13

JavaScrip优化技巧

2023-05-08 16:06:33

2022-09-27 14:36:57

JavaScrip数组开发

2022-04-28 08:41:53

JavaScript数组

2020-03-19 15:30:08

JavaScript数组字符串

2017-11-03 15:39:29

深度学习面试问答

2019-02-18 13:36:03

Redis数据库面试

2024-05-06 10:16:46

2022-10-18 16:35:51

JavaScrip数组参数

2020-04-27 08:31:29

单例模式Python软件设计模式

2023-03-19 16:02:33

JavaScrip技巧编程语言

2015-07-15 10:26:29

2011-09-20 10:56:35

云计算PaaS

2022-04-29 09:00:00

Platform架构内核线程

2022-08-10 09:03:35

TypeScript前端

2018-09-10 09:26:33

2022-11-13 15:33:30

JavaScript数组开发

2019-12-11 09:23:51

JavaScriptHTMLXML

2013-09-12 11:24:24

创业

2019-07-25 10:08:05

JavaScript数组转换
点赞
收藏

51CTO技术栈公众号