Mảng lấy phần tử JavaScript đầu tiên

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 science 

0, 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 science 

0 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

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 science 

2

First element is Geeks
Last element is science 

3____74

First element is Geeks
Last element is science 

3____76

________ 73 ________ 71 ________ 72

First element is Geeks
Last element is science 

3

First element is Geeks
Last element is science 

4

First element is Geeks
Last element is science 

5

First element is Geeks
Last element is science 

4

First element is Geeks
Last element is science 

7

First element is Geeks
Last element is science 

4

First element is Geeks
Last element is science 

4

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

50

_______74____152

First element is Geeks
Last element is science 

4

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

54

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

55

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

54

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

57

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

58

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

59

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

54

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

57

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

52

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

53

First element is Geeks
Last element is science 

3____155

First element is Geeks
Last element is science 

3____157____158

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

59

đầu ra

3

ví 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 science 

2

First element is Geeks
Last element is science 

3____152

First element is Geeks
Last element is science 

3______154

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

55

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

56

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

57

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

56

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

59

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

56

First element is Geeks
Last element is science 

21

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

56

First element is Geeks
Last element is science 

23

First element is Geeks
Last element is science 

24

________ 73 ________ 71 ________ 72

First element is Geeks
Last element is science 

3

First element is Geeks
Last element is science 

3____730

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

54

First element is Geeks
Last element is science 

7

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

54

First element is Geeks
Last element is science 

3____735

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

54

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

52

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

54

First element is Geeks
Last element is science 

3____740

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

54

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

57

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

58

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

59

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

54

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

57

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

52

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

53

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

54

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

55

First element is Geeks
Last element is science 

3____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

Làm cách nào để lấy phần tử đầu tiên trong mảng JavaScript?

Làm cách nào để lấy 10 phần tử đầu tiên của mảng trong JavaScript?

Làm cách nào để lấy 3 phần tử đầu tiên của mảng trong JavaScript?

Làm cách nào để lấy 2 phần tử đầu tiên của mảng trong JavaScript?