数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何在 JavaScript 中获取数组的前 n 个值？
在本文中，我们将讨论如何使用 JavaScript 获取数组的前 n 个值。
首先，n 值 − 要查找从第一个索引到 n 的元素（n 是给定的数字或给定的索引），假设您给定的 n 值为 5，则返回的元素将是从索引 0 到 5。
使用 _.first() 函数
要获取数组的前 n 个元素，我们有很多逻辑方法。但是 underscore.js 提供了_.first() 函数。它将直接或以简单的方式给出输出。
注意 − 如果我们没有在_.first() 函数中提及 n 值，则它将被返回为数组的第一个元素。以下是_.first() 函数的语法 −
_.first(array,n)
它将数组和数字作为参数，因此它将从数组中获取前 n 个值，并将数组的前 n 个元素作为输出返回。
示例：1
在下面的示例中，我们将整数数组传递给_.first() 函数 −
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
</head>
<body>
<script type="text/javascript">
var array = [1, 2, 3, 4, 5, 6, 7];
document.write(_.first(array, 4));
</script>
</body>
</html>
示例 2
让我们再看一个例子 −
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Get the first n values from an array</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>
<div id="first"></div>
</head>
<body>
<script>
let arr = new Array("Alice", 40, "Edward", "Cullen");
let n = 2;
document.getElementById("first").innerHTML =
"First n elements from an array is : " + _.first(arr, n);
</script>
</body>
</html>
使用 slice() 方法
使用 slice 方法，您可以在新数组中获取选定范围内的元素，slice() 方法的语法为 −
arr.slice(0,n);
示例 1
以下示例演示了如何使用 JavaScript 中的slice() 方法获取数组的前 n 个元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Get the first n values from an array</title>
<div id="slice"></div>
</head>
<body>
<script>
let arr = new Array("Alice", 40, "Edward", "Cullen");
let n = 2;
let firstN = arr.slice(0, n);
document.getElementById("slice").innerHTML ="First n elements from an array is : " + firstN;
</script>
</body>
</html>
示例 2
在下面的示例中，JavaScript 中的slice() 方法用于获取数组的前 n 个元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Get the first n values from an array</title>
<div id="slice"></div>
</head>
<body>
<script>
let n = 3;
let getFirstN = function (...arr) {
let sliceArr = arr.slice(0, n);
return sliceArr;
};
document.getElementById("slice").innerHTML =
"First n elements from an array is : " +
getFirstN("Alice", 40, "Edward", "Cullen");
</script>
</body>
</html>
更新于： 2022-12-06
984 次查看
广告