Đã đăng vào thg 2 22, 9:40 SA 2 phút đọc

509

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

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

return true: dựa vào mảng kết quã
return flase: bỏ qua

    var numbers = [1,2,4,5,7]
    var oddNumbers = number.filter(n => { return n % 2 == 0})
    // return true ->

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

 var numbers = [1,2,4,5,7]
 var doubleNumbers = number.map(n => { return n * 2 == 0})
console.log(doubleNumbers) ;
    -> {2,4,8,10,14}

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

-> some trả về true nếu => tồn tại 1 phần tử đi qua Hàm trả về true

15 .every(fn) mọi thứ

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

16 .find() tìm thấy-> tìm ra 1 phần tử

-> Trả về phần tử đầu tiên tìm được làm cho hàm trả về true

 var numbers = [1,2,4,5,7]
 var chiahetcho2 = number.find(n => { return n % 2 == 0})
console.log(chiahetcho2) ;
    ->2

.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

 var numbers = [1,2,4,5,7]
// có số 4 trong mảng trên hay không
 var coso4 = number.includes(4)
console.log(coso4) ;
    ->true
    
var coSo4  = number.includes(4,3)// tìm số 4 từ vị trí thứ 3

Tài liệu tham khảo

Nguồn tham khảo: Bùi Văn Nguyện

JavaScript