Trong hướng dẫn này, chúng ta sẽ tìm hiểu về hai cách khác nhau để lấy phần tử đầu tiên của một mảng trong JavaScript
Trong JavaScript, Mảng là chỉ mục dựa trên số 0, trong đó chỉ mục của phần tử đầu tiên là
var first = [array, n] => {
if [array == null]
return void 0;
if [n == null]
return array[0];
if [n < 0]
return [];
return array.slice[0, n];
};
console.log[first[[7, 9, 0, -2]]];
console.log[first[[],3]];
console.log[first[[7, 9, 0, -2],3]];
console.log[first[[7, 9, 0, -2],6]];
console.log[first[[7, 9, 0, -2],-3]];
5, phần tử thứ hai là var first = [array, n] => {
if [array == null]
return void 0;
if [n == null]
return array[0];
if [n < 0]
return [];
return array.slice[0, n];
};
console.log[first[[7, 9, 0, -2]]];
console.log[first[[],3]];
console.log[first[[7, 9, 0, -2],3]];
console.log[first[[7, 9, 0, -2],6]];
console.log[first[[7, 9, 0, -2],-3]];
6, phần tử thứ ba là var first = [array, n] => {
if [array == null]
return void 0;
if [n == null]
return array[0];
if [n < 0]
return [];
return array.slice[0, n];
};
console.log[first[[7, 9, 0, -2]]];
console.log[first[[],3]];
console.log[first[[7, 9, 0, -2],3]];
console.log[first[[7, 9, 0, -2],6]];
console.log[first[[7, 9, 0, -2],-3]];
7 và chỉ mục phần tử cuối cùng là arr. chiều dài-1, v.v.Hãy xem xét, chúng ta có một mảng có 3 phần tử như thế này
const arr = ['lol','ball','doll']
Lấy phần tử đầu tiên của mảng
Để lấy phần tử đầu tiên của mảng, chúng ta có thể sử dụng cú pháp dấu ngoặc vuông bằng cách truyền chỉ số
var first = [array, n] => {
if [array == null]
return void 0;
if [n == null]
return array[0];
if [n < 0]
return [];
return array.slice[0, n];
};
console.log[first[[7, 9, 0, -2]]];
console.log[first[[],3]];
console.log[first[[7, 9, 0, -2],3]];
console.log[first[[7, 9, 0, -2],6]];
console.log[first[[7, 9, 0, -2],-3]];
5. Vì vậy, nó trả về phần tử đầu tiên từ mảng đã choĐây là một ví dụ
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
cách thứ hai. Sử dụng phương pháp lát
Trong es6, chúng tôi có một , nếu chúng tôi chuyển
var first = [array, n] => {
if [array == null]
return void 0;
if [n == null]
return array[0];
if [n < 0]
return [];
return array.slice[0, n];
};
console.log[first[[7, 9, 0, -2]]];
console.log[first[[],3]];
console.log[first[[7, 9, 0, -2],3]];
console.log[first[[7, 9, 0, -2],6]];
console.log[first[[7, 9, 0, -2],-3]];
9 làm đối số cho phương thức First element is Geeks Last element is science0, chúng tôi có thể lấy phần tử đầu tiên của một mảng
Ví dụ
const arr = ['lol','ball','doll']
console.log[...arr.slice[0,1]]; // 'lol'
Phương thức
First element is Geeks Last element is science0 không sửa đổi mảng ban đầu của bạn thay vì tạo một mảng mới với các giá trị đã sửa đổi
Viết hàm JavaScript để lấy phần tử đầu tiên của một mảng. Truyền tham số 'n' sẽ trả về 'n' phần tử đầu tiên của mảng
Dữ liệu thử nghiệm.
bảng điều khiển. log[array_Clone[[1, 2, 4, 0]]];
bảng điều khiển. log[array_Clone[[1, 2, [4, 0]]]];
[1, 2, 4, 0]
[1, 2,
Trình bày bằng hình ảnh
Giải pháp mẫu
Mã HTML
Get the first element of an array
Mã JavaScript
var first = function[array, n] {
if [array == null]
return void 0;
if [n == null]
return array[0];
if [n < 0]
return [];
return array.slice[0, n];
};
console.log[first[[7, 9, 0, -2]]];
console.log[first[[],3]];
console.log[first[[7, 9, 0, -2],3]];
console.log[first[[7, 9, 0, -2],6]];
console.log[first[[7, 9, 0, -2],-3]];
Đầu ra mẫu
7 [] [7,9,0] [7,9,0,-2] []
Sơ đồ
Phiên bản ES6
var first = [array, n] => {
if [array == null]
return void 0;
if [n == null]
return array[0];
if [n < 0]
return [];
return array.slice[0, n];
};
console.log[first[[7, 9, 0, -2]]];
console.log[first[[],3]];
console.log[first[[7, 9, 0, -2],3]];
console.log[first[[7, 9, 0, -2],6]];
console.log[first[[7, 9, 0, -2],-3]];
Bản thử trực tiếp
Xem Pen JavaScript - Lấy phần tử đầu tiên của mảng- array-ex-3 của w3resource [@w3resource] trên CodePen
Cải thiện giải pháp mẫu này và đăng mã của bạn qua Disqus
Trước. Viết một hàm JavaScript để sao chép một mảng.
Tiếp theo. Viết hàm JavaScript để lấy phần tử cuối cùng của một mảng. Truyền tham số 'n' sẽ trả về 'n' phần tử cuối cùng của mảng.
Mức độ khó của bài tập này là gì?
Dễ dàng trung bình khóKiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource
JavaScript. Lời khuyên trong ngày
Hợp nhất/làm phẳng mảng của bạn trong mảng
Có một phương pháp hay cho Array được gọi là Array. phẳng, như một đối số nó cần độ sâu bạn cần phải phẳng [mặc định. 1]. Nhưng nếu bạn không biết độ sâu, bạn cần phải làm phẳng tất cả. Chúng tôi chỉ đặt Infinity làm đối số. Ngoài ra còn có một phương pháp FlatMap đẹp
Trong bài viết này, chúng ta sẽ tìm hiểu cách lấy phần tử đầu tiên & cuối cùng trong mảng trong Javascript, cùng với việc tìm hiểu cách thực hiện chúng thông qua các ví dụ
Mảng javascript là một biến chứa nhiều giá trị cùng một lúc. Phần tử đầu tiên và phần tử cuối cùng được truy cập bằng cách sử dụng chỉ mục, giá trị đầu tiên được truy cập bằng chỉ số 0 và phần tử cuối cùng có thể được truy cập thông qua thuộc tính độ dài có nhiều hơn một giá trị so với chỉ số mảng cao nhất. Thuộc tính độ dài mảng trong JavaScript được sử dụng để đặt hoặc trả về số lượng phần tử trong một mảng
ví dụ 1. Ví dụ này minh họa để truy xuất số đầu và số cuối trong mảng
Javascript
First element is Geeks Last element is science2
First element is Geeks Last element is science3____74
First element is Geeks Last element is science3____76
________ 73 ________ 71 ________ 72
First element is Geeks Last element is science3
First element is Geeks Last element is science4
First element is Geeks Last element is science5
First element is Geeks Last element is science4
First element is Geeks Last element is science7
First element is Geeks Last element is science4
First element is Geeks Last element is science4
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
50_______74____152
First element is Geeks Last element is science4
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
54const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
55const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
54const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
57const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
58const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
59const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
54const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
57const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
52const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
53First element is Geeks Last element is science3____155
First element is Geeks Last element is science3____157____158
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
59đầu ra
Get the first element of an array
3ví dụ 2. Ví dụ này minh họa để truy cập từ đầu tiên và từ cuối cùng trong mảng
Javascript
First element is Geeks Last element is science2
First element is Geeks Last element is science3____152
First element is Geeks Last element is science3______154
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
55const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
56const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
57const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
56const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
59const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
56First element is Geeks Last element is science21
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
56First element is Geeks Last element is science23
First element is Geeks Last element is science24
________ 73 ________ 71 ________ 72
First element is Geeks Last element is science3
First element is Geeks Last element is science3____730
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
54First element is Geeks Last element is science7
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
54First element is Geeks Last element is science3____735
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
54const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
52const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
54First element is Geeks Last element is science3____740
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
54const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
57const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
58const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
59const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
54const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
57const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
52const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
53const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
54const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
55First element is Geeks Last element is science3____157____158
const arr = ['lol','ball','doll'];
console.log[arr[0]]; // 'lol'
59đầu ra
First element is Geeks Last element is science
Sử dụng mảng. pop[] và Mảng. phương thức shift[]. Mảng. pop[] phương thức xóa phần tử cuối cùng của mảng và trả về phần tử đó cùng với Mảng. phương thức shift[] loại bỏ phần tử đầu tiên khỏi mảng và trả về nó
Ví dụ. Trong ví dụ này, chúng ta sẽ sử dụng phương thức filter[] để lấy phần tử đầu tiên và phần tử cuối cùng của mảng