Hướng dẫn write a javascript function to parameterize a string - viết một hàm javascript để tham số hóa một chuỗi

Cập nhật lần cuối vào ngày 19 tháng 8 năm 2022 21:51:51 (UTC/GMT +8 giờ)

Chuỗi JavaScript: Bài tập-7 với giải pháp

Viết hàm JavaScript để tham số hóa một chuỗi.

Dữ liệu kiểm tra: Console.log (String_Parameterize ("Robin Singh từ Hoa Kỳ.")); "Robin-singh-from-usa"
console.log(string_parameterize("Robin Singh from USA."));
"robin-singh-from-usa"

Giải pháp mẫu:-

Mã HTML:





Parameterize a string





Mã JavaScript:

string_parameterize = function (str1) {
    return str1.trim().toLowerCase().replace(/[^a-zA-Z0-9 -]/, "").replace(/\s/g, "-");
};
console.log(string_parameterize("Robin Singh from USA."));

Đầu ra mẫu:

robin-singh-from-usa

Sơ đồ:

Hướng dẫn write a javascript function to parameterize a string - viết một hàm javascript để tham số hóa một chuỗi

Bản thử trực tiếp:

Xem PEN JavaScript tham số hóa chuỗi-chuỗi-EX-7 bởi W3Resource (@w3Resource) trên CodePen.

Cải thiện giải pháp mẫu này và đăng mã của bạn thông qua Disqus

Trước đây: Viết hàm JavaScript để ẩn địa chỉ email để bảo vệ khỏi người dùng trái phép. Write a JavaScript function to hide email addresses to protect from unauthorized user.
Next: Write a JavaScript function to capitalize the first letter of a string.

JavaScript: Lời khuyên trong ngày

Hàm getList

const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))

Hàm GetList nhận được một mảng làm đối số của nó. Giữa các dấu ngoặc đơn của hàm getList, chúng tôi phá hủy mảng này ngay lập tức. Bạn có thể thấy điều này như:

[x, ...y] = [1, 2, 3, 4]

Với tham số còn lại ... y, chúng tôi đặt tất cả các đối số "còn lại" trong một mảng. Các đối số còn lại là 2, 3 và 4 trong trường hợp này. Giá trị của y là một mảng, chứa tất cả các tham số còn lại. Giá trị của x bằng 1 trong trường hợp này, vì vậy khi chúng ta đăng nhập [x, y], [1, [2, 3, 4]] được ghi lại. Hàm GetUser nhận được một đối tượng. Với các hàm mũi tên, chúng ta không phải viết dấu ngoặc xoăn nếu chúng ta trả về một giá trị. Tuy nhiên, nếu bạn muốn trả về một đối tượng từ hàm mũi tên, bạn phải viết nó giữa các dấu ngoặc đơn, nếu không, không có giá trị nào được trả về! Hàm sau sẽ trả về một đối tượng: const getUser = user => ({name: user.name, tuổi: user.age}) Vì không có giá trị nào được trả về trong trường hợp này, hàm trả về không xác định.
The getUser function receives an object. With arrow functions, we don't have to write curly brackets if we just return one value. However, if you want to return an object from an arrow function, you have to write it between parentheses, otherwise no value gets returned! The following function would have returned an object:
const getUser = user => ({ name: user.name, age: user.age })
Since no value gets returned in this case, the function returns undefined.

Tham khảo: https://bit.ly/3jfrbje


JavaScript function không thực hiện bất kỳ kiểm tra nào trên các giá trị tham số (đối số).


Tham số và đối số chức năng

Trước đó trong hướng dẫn này, bạn đã học được rằng các chức năng có thể có các tham số: parameters:

hàm functionName (tham số1, tham số2, tham số3) {& nbsp; // Mã được thực thi}
  // code to be executed
}

Các tham số chức năng là các tên được liệt kê trong định nghĩa chức năng.parameters are the names listed in the function definition.

Đối số chức năng là các giá trị thực được truyền đến (và nhận được bởi) hàm.arguments are the real values passed to (and received by) the function.


Quy tắc tham số

Định nghĩa chức năng JavaScript không chỉ định các loại dữ liệu cho các tham số.

Các hàm JavaScript không thực hiện kiểm tra loại trên các đối số được truyền.

Các hàm JavaScript không kiểm tra số lượng đối số nhận được.


Tham số mặc định

Nếu một hàm được gọi với các đối số bị thiếu (ít hơn được khai báo), các giá trị bị thiếu được đặt thành undefined.missing arguments (less than declared), the missing values are set to undefined.

Đôi khi điều này được chấp nhận, nhưng đôi khi tốt hơn là gán giá trị mặc định cho tham số:

Thí dụ

hàm myfunction (x, y) {& nbsp; if (y === không xác định) {& nbsp; & nbsp; & nbsp; y = 2; & nbsp; }}
  if (y === undefined) {
    y = 2;
  }
}

Hãy tự mình thử »



Đối tượng đối số

Các hàm JavaScript có một đối tượng tích hợp được gọi là đối tượng đối số.

Đối tượng đối số chứa một mảng của các đối số được sử dụng khi hàm được gọi (được gọi).

Bằng cách này, bạn có thể chỉ cần sử dụng một hàm để tìm (ví dụ) giá trị cao nhất trong danh sách các số:

Thí dụ

hàm myfunction (x, y) {& nbsp; if (y === không xác định) {& nbsp; & nbsp; & nbsp; y = 2; & nbsp; }}

Hãy tự mình thử »
  let max = -Infinity;
  for (let i = 0; i < arguments.length; i++) {
    if (arguments[i] > max) {
      max = arguments[i];
    }
  }
  return max;
}

Hãy tự mình thử »

Đối tượng đối số

Thí dụ

hàm myfunction (x, y) {& nbsp; if (y === không xác định) {& nbsp; & nbsp; & nbsp; y = 2; & nbsp; }}

Hãy tự mình thử »
  let sum = 0;
  for (let i = 0; i < arguments.length; i++) {
    sum += arguments[i];
  }
  return sum;
}

Hãy tự mình thử »

Đối tượng đối sốtoo many arguments (more than declared), these arguments can be reached using the arguments object.


Các hàm JavaScript có một đối tượng tích hợp được gọi là đối tượng đối số.

Đối tượng đối số chứa một mảng của các đối số được sử dụng khi hàm được gọi (được gọi).

Bằng cách này, bạn có thể chỉ cần sử dụng một hàm để tìm (ví dụ) giá trị cao nhất trong danh sách các số:value: The function only gets to know the values, not the argument's locations.

x = findMax (1, 123, 500, 115, 44, 88);

Changes to arguments are not visible (reflected) outside the function.


Hoặc tạo một hàm để tổng hợp tất cả các giá trị đầu vào:

x = sumall (1, 123, 500, 115, 44, 88);

hàm sumall () {& nbsp; Đặt tổng = 0; & nbsp; for (let i = 0; i reference:

Nếu một hàm được gọi với quá nhiều đối số (nhiều hơn được tuyên bố), các đối số này có thể được đạt được bằng cách sử dụng đối tượng đối số.

Đối số được truyền theo giá trị



Một tham số hàm có thể là một chuỗi trong javascript?

Một tham số có thể là một chuỗi trong JavaScript? Nếu một hàm lấy phần tử DOM làm tham số, nó có thể là một chuỗi hoặc một đối tượng jQuery chẳng hạn.If a function takes a DOM element as a parameter, it can be a string, or a jQuery object, for example.

Làm thế nào để bạn viết một hàm như một tham số trong JavaScript?

Hãy xác định các chức năng có các tham số 0, 1 và 2:..
// 0 tham số.hàm zero () {return 0;}.
// 1 tham số.nhận dạng hàm (param) {return param;}.
// 2 tham số.hàm sum (param1, param2) {return param1 + param2;}.

Làm thế nào để bạn chuyển một chuỗi vào một hàm trong javascript?

Ví dụ 1: Ví dụ này chỉ cần đặt đối số là chuỗi trong thuộc tính onclick của nút gọi hàm với chuỗi làm đối số bằng phương thức onclick ().|Truyền tham số chuỗi trong hàm onclick.put the argument which is string in the onClick attribute of the button which calls a function with a string as an argument using onClick() method. | Pass string parameter in onClick function.

$ {} Trong js là gì?

Với các mẫu theo nghĩa chữ, một biểu thức có thể được nhúng trong một trình giữ chỗ.Một trình giữ chỗ được đại diện bởi $ {}, với bất cứ điều gì trong các dấu ngoặc xoăn được coi là javascript và bất cứ thứ gì bên ngoài các dấu ngoặc được coi là một chuỗi: const phương thức = 'nội suy' const DynamicsTring = `Chuỗi này đang sử dụng $ {Phương thức}.A placeholder is represented by ${} , with anything within the curly brackets treated as JavaScript and anything outside the brackets treated as a string: const method = 'interpolation' const dynamicString = `This string is using ${method}.