Hướng dẫn string slice javascript - chuỗi javascript

Phương thức string.slice[] có chức năng trích xuất một phần của chuỗi. Phương thức sẽ trả về một chuỗi mới chính là phần được trích dẫn từ chuỗi gốc ban đầu.

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.freetuts.net, không được copy dưới mọi hình thức.

Sử dụng tham  số start và end để xác định phần được trích xuất từ chuỗi gốc. Lưu ý rằng vị trí đầu tiên của chuỗi là 0, tiếp đến là 1 .vv..

Phương thức sẽ không làm thay đổi chuỗi gốc ban đầu.

Cú pháp

Cú pháp: string.slice[start, end]: string.slice[start, end]

Bài viết này được đăng tại [free tuts .net]

Trong đó::

• start là vị trí bắt đầu trích xuất.
• end là vị trí kết thúc trích xuất, nội dung được trích xuất sẽ không bao gồm kí tự ở vị trí end. Nếu không cung cấp tham số end, phương thức sẽ trích xuất từ vị trí start đến hết chuỗi.

Cách sử dụng

Ví dụ: Sử dung phương thức string.slice[] để trích xuất chuối đơn giản.: Sử dung phương thức string.slice[] để trích xuất chuối đơn giản.

    
        
    
    
        
Học lập trình miễn phí tại freetuts.net
 
        Run
 
        

 
        
            var str = 'freetuts.net la blog chia se kien thuc lap trinh mien phi';
            document.getElementById["demo"].innerHTML = str;
            function myFunction[] {
                document.getElementById["demo"].innerHTML = str.slice[16];
            }
        
    

Kết quả

blog chia se kien thuc lap trinh mien phi

Ví dụ 2: sử dụng tham số end.: sử dụng tham số end.

    
        
    
    
        
Học lập trình miễn phí tại freetuts.net
 
        Run
 
        

 
        
            var str = 'freetuts.net la blog chia se kien thuc lap trinh mien phi';
            document.getElementById["demo"].innerHTML = str;
            function myFunction[] {
                document.getElementById["demo"].innerHTML = str.slice[16, 38];
            }
        
    

Kết quả

blog chia se kien thuc

Ví dụ 2: sử dụng tham số end.

Trong bài này mình sẽ giới thiệu hàm slice trong javascript, đây là hàm dùng để trích xuất một số phần tử trong mảng js.

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.freetuts.net, không được copy dưới mọi hình thức.

Hàm sẽ trả về một mảng mới, còn mảng cũ thì không bị ảnh hưởng. Trước khi đi vào khái niệm thì hãy xem ví dụ mình lấy từ trang Mozilla dưới đây.

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log[animals.slice[2]];
// output: Array ["camel", "duck", "elephant"]

console.log[animals.slice[2, 4]];
// output: Array ["camel", "duck"]

console.log[animals.slice[1, 5]];
// output: Array ["bison", "camel", "duck", "elephant"]

console.log[animals.slice[-2]];
// output: Array ["duck", "elephant"]

console.log[animals.slice[2, -1]];
// output: Array ["camel", "duck"]

1. Slice trong javascript là gì?

Hàm slice có chức năng trích xuất một số phần tử của mảng, vị trí bắt đầu và kết thúc việc trích xuất sẽ được xác định bởi tham số truyền vào hàm.

Lưu ý là hàm sẽ trích xuất không bao gồm phần tử end truyền vào. Ví dụ

blog chia se kien thuc lap trinh mien phi

Bài viết này được đăng tại [free tuts .net]

Hàm sẽ trả về kết quả là một mảng mới bao gồm các phần tử được trích xuất. Hàm sẽ không làm thay đổi mảng gốc.

Cú pháp hàm slice trong js như sau:

Trong đó:

• blog chia se kien thuc lap trinh mien phi

  1 là vị trí bắt đầu trích xuất.

• blog chia se kien thuc lap trinh mien phi

  2 là vị trí kết thúc, kết quả sẽ không bao gồm phần tử end.
• Hàm sẽ return về một mảng mới.
• Nếu

  blog chia se kien thuc lap trinh mien phi

  1 và

  blog chia se kien thuc lap trinh mien phi

  2 là giá trị âm thì nó sẽ tính từ cuối mảng trở về đầu mảng.

Ví dụ: Lấy một vài phần tử trong mảng hiện có.: Lấy một vài phần tử trong mảng hiện có.

let fruits = ['Chuối', 'Cam', 'Chanh', 'Táo', 'Xoài'];

// Lấy hai phần tử Cam và Chanh trong mảng fruits
// Ta phải nhập 1,3 vì phần tử cuối cùng không được tính.
let citrus = fruits.slice[1, 3];
​
// fruits chứa ['Chuối', 'Cam', 'Chanh', 'Táo', 'Xoài'];
// citrus chứa ['Cam','Chanh'];

2. Một ví dụ thực hành với slice trong javascript

Ví dụ: sử dụng hàm array.slice để trích xuất nội dung của mảng ban đầu.: sử dụng hàm array.slice để trích xuất nội dung của mảng ban đầu.

In



    demoP = document.getElementById["demo"];
    var subject = ["html", "php", "php", "c#", "python", "androi", "ios"];
    document.getElementById["demo"].innerHTML = subject;
    function myFunction[item, index] {
        var slice = subject.slice[1, 4];
        document.getElementById["demo"].innerHTML = slice;
    }

Trên là cú pháp và cách sử dụng hàm slice trong javascript. Đây là hàm tương đối dễ học nên mình không cho nhiều ví dụ.