- vừa được xem lúc

Các hàm xử lý trong Javascript

0 0 4

Người đăng: Vân Yume

Theo Viblo Asia

Hàm xử lý của các kiểu dữ liệu

String:

1 .length: Độ dài của chuỗi

const fullNam = 'thanh Van '
console.log(fullName.length); // độ dài của chuỗi fullName -> đếm các ký tự trong chuỗi
// ký tự đếm cả dấu cách
//xuống hàng, tab là 1 ký tự

2 .split(ký tự tách, lấy mấy index): tách chuỗi

const fullName = 'thanh Van '
const words = fullName.split(" ", 1); // tách chuỗi bằng dấu cách. Tách thành 1 mảng nhiều chuỗi

3 .substring(a,b): cắt chuỗi

const fullNam = 'thanh Van '
console.log(fullName.substring(2,5)); // cắt từ Start tới End
console.log(fullName.substring(2, fullname.length)); // cắt từ vị trí thứ 2 tới vị trí cuối cùng

4 .toLowerCase(): chữ Hoa -> Thường

const fullNam = 'thanh Van'
console.log(fullName.toLowerCase());

5 .toUpperCase() : chữ thường -> Hoa

const fullNam = 'thanh Van'
console.log(fullName.toUpperCase());

6 .indexOf('i') : tìm ra vị trí I đầu tiên

const fullNam = 'thanh Van'
console.log(fullName.indexOf("n")); //đếm từ 0 lấy vị trí đầu tiên n -> 3
// ko tìm thấy trả về -1

7 .lastIndexOf('a') : tìm vị trí a cuối cùng

const fullNam = 'thanh Van'
console.log(fullName.indexOf("n")); // đếm từ 0 lấy vị trí cuối cùng n ->8

8 .trim() : cắt dấu cách 2 đầu

// dùng trong đăng nhập user, cắt dấu cách

.trimStart() : cắt dấu cách đầu trên .trimEnd() : cắt dấu cách đầu cuối

9 .replace ('n', 't') : thay n thành t đầu tiên

.replaceALL( 'n', 't') : thay tất cả n thành t

10 .includes('Na') : tìm chữ Na trong chuỗi

có chứa -> true // chech xem 1 chuỗi có nằm trong chuỗi khác hay không

11 .slice(numberStart, numberEnd): cắt chuỗi

// cắt chuỗi giống substring // khác khi numberStart bắt đầu từ vị trí âm và start > end

const fullNam = 'thanh Van '
console.log(fullName.slice(2,5)); // cắt từ Start tới End

Array

1 .length: độ dài của mảng

var students = ['nguyen','tung','toan','hoa']
console.log(students.length); // tổng số phần tử trong mảng
->4

2 .push() : thêm phần tử vào cuối mảng

var students = ['nguyen','tung','toan','hoa']
students.push('Lan')
console.log(students); ->{'nguyen','tung','toan','hoa','Lan'}

3 .pop() : bỏ phần tử vào cuối mảng

var students = ['nguyen','tung','toan','hoa']
students.push('hoa')
console.log(students); ->{'nguyen','tung','toan'}

4 .shift() : bỏ phần tử vào đầu mảng

5 .unshift() : thêm phần tử vào đầu mảng

6 .reverse() : đảo ngược thứ tự

var students = ['nguyen','tung','toan','hoa']
students.reverse()
console.log(students); ->{'hoa','toan','tung','nguyen'}

8 .slice(start, end) cắt mảng

9 .splice(start, số lượng) : từ vị trí start lấy số lượng ra

var students = ['nguyen','tung','toan','hoa','huong']
console.log(students.splice(2,3)); // cắt từ vị trí thứ 2 lấy ra 3 thằng
->{'toan','hoa','huong'}

10 .sort() : tăng dần chữ cái đầu theo từ điển

var students = ['nguyen','tung','toan','hoa']
console.log(students.sort()); ->['hoa','nguyen','toan','tung']
var numbers = [1,2,4,5,7]
console.log(numbers.sort().reverse()) // mảng giảm dần
  • sort(fn(a,b))
    • return <0 thì a<b
    • return >0 thì a> b
    • return =0 thì a=b
var Students = [ {name: 'nguyen', height: 127}, {name: 'tung', height: 164 }, {name: 'toan', height: 165 }]
// sắp xếp các student theo thứ tự chiều cao var sortedStudents = Students.sort((a,b) => { if(a.height > b.height){ return -1; } else if(a.height < b.height){ return 1; } else { return 0; }
})
console.log(sortedStudents);

11 .reduce(fn(prevValue, currentItem){}, inititValue ) :lặp qua phần tử và chạy qua hàm

* inititValue: giá trị ban đầu //=0
* prevValue : kết quả return từ lần trước
* currentItem : phần tử hiện tại
var numbers = [1,2,4,5,7]
// tính tổng các số var total = numbers.reduce(tongCu, soHientai) =>{ return tongCu + soHientai },0);
console.log(total) ;

12 .filter(fn) : lọc

13 .map(fn) : ánh xạ/ tạo mảng mới

14 .some(fn) có một vài

-> true // tồn tại phần tử đi qua Hàm trả về true

15 .every(fn) mọi thứ

-> true // tất cả phần tử đi qua Hàm trả về true

16 .find() tìm thấy

// tìm phần tử đầu tiên tìm được

.findIndex() : trả về Index phần tử đầu tiên tìm được

17 .includes(số cần tìm, bắt đầu tìm từ đâu)

-> true // kiểm tra số cần tìm trong mảng

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 500

- vừa được xem lúc

Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go).

0 0 414

- vừa được xem lúc

Một số phương thức với object trong Javascript

Trong Javascript có hỗ trợ các loại dữ liệu cơ bản là giống với hầu hết những ngôn ngữ lập trình khác. Bài viết này mình sẽ giới thiệu về Object và một số phương thức thường dùng với nó.

0 0 136

- vừa được xem lúc

Tìm hiểu về thư viện axios

Giới thiệu. Axios là gì? Axios là một thư viện HTTP Client dựa trên Promise.

0 0 117

- vừa được xem lúc

Imports và Exports trong JavaScript ES6

. Giới thiệu. ES6 cung cấp cho chúng ta import (nhập), export (xuất) các functions, biến từ module này sang module khác và sử dụng nó trong các file khác.

0 0 93

- vừa được xem lúc

Bài toán đọc số thành chữ (phần 2) - Hoàn chỉnh chương trình dưới 100 dòng code

Tiếp tục bài viết còn dang dở ở phần trước Phân tích bài toán đọc số thành chữ (phần 1) - Phân tích đề và những mảnh ghép đầu tiên. Bạn nào chưa đọc thì có thể xem ở link trên trước nhé.

0 0 229