Trong bài đăng này, chúng tôi sẽ tìm hiểu 3 phương pháp để lấy đầu vào mảng từ người dùng trong JavaScript. phương pháp nào là phương thức truyền thống bằng cách sử dụng Prompt () để nhắc tin nhắn yêu cầu người dùng nhập một số giá trị và trả về giá trị nhập vào người dùng và các cách khác là nhận được giá trị phần tử bằng ID bằng document.getEuityById (), getElsementsByName ().ID using document.getElementById(),getElementsByName(). Show
3 Phương pháp lấy đầu vào mảng từ người dùng trong JavaScript
1. Nhắc () để lấy đầu vào mảng từ người dùng trong JavaScript2. Lấy đầu vào mảng từ người dùng trong JavaScript bằng cách sử dụng getEuityById ()prompt() function in javascript.
var myinputarr = [];
var size = 5; // Array size
for(var a=0; a<size; a++)
{
myinputarr[a] = prompt('Enter array Element ' + (a+1));
}
//user eneter array
console.log(myinputarr);
Nhắc () để lấy đầu vào mảng từ người dùng trong javascript ["12", "14", "15", "16", "17"] 2. Lấy đầu vào mảng từ người dùng trong JavaScript bằng cách sử dụng getEuityById ()3. getElementsByName () để lấy đầu vào mảng từ người dùngsavedata() that access three textboxes ‘name’,’age’,’city’ values by their id with the help of getElementById() function and storing them in corresponding arrays ” arrCitys,arrNames,arrAges” Bản tóm tắtdisplaydata()” in which we iterate over each array by using the spread operator to get the store value and display in div by ID “display”. <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>
How to take array input using JavaScript
</title>
</head>
<body style="text-align: center;">
<form>
<h2>Please enter data</h2>
<br>
<label for="Name">Name</label>
<input id="name" type="text">
<br>
<br>
<label for="Age">Age</label>
<input id="age" type="text">
<br>
<br>
<label for="city">City</label>
<input id="City" type="text">
<br>
<br>
<input type="button" value="Save" onclick="savedata()">
<input type="button" value="Show data" onclick="displayData()">
<br>
</form>
<div id="display"></div>
<script type="text/javascript">
var arrCitys=new Array();
var arrNames=new Array();
var arrAges=new Array();
function savedata(){
var name = document.getElementById('name').value;
var city = document.getElementById('City').value;
var age = document.getElementById('age').value;
arrCitys[arrCitys.length]=city;
arrNames[arrNames.length]=name;
arrAges[arrAges.length]=age;
}
function displayData()
{
var content="<b>Data Entered by User :</b><br>";
content+= [...arrNames]+"</br>";
content+=[...arrCitys]+"</br>";
content+=[...arrAges]+"</br>";
document.getElementById('display').innerHTML = content;
}
</script>
</body>
</html>
Nhắc () để lấy đầu vào mảng từ người dùng trong javascript  3. getElementsByName () để lấy đầu vào mảng từ người dùngBản tóm tắtname =”txtval[]” which values we are accessing by using the function getElementsByName(‘txtval[]’)
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>
How to take array input using JavaScript
</title>
</head>
<body style="text-align: center;">
<input type="text" name="txtval[]" value="" />
<input type="text" name="txtval[]" value="" />
<input type="text" name="txtval[]" value="" />
<input type="text" name="txtval[]" value="" />
<input type="button" value="Show data" onclick="showdata();" />
<div id ='display'>
</div>
<script type="text/javascript">
function showdata()
{
var content="<b>Data Entered by User :</b><br>";
var input = document.getElementsByName('txtval[]');
for (var x = 0; x < input.length; x++)
{
var a = input[x];
content = content + "myarray[" + x + "].value= "
+ a.value + "<br> ";
}
document.getElementById('display').innerHTML = content+"</b>";
}
</script>
</body>
</html>
Nhắc () để lấy đầu vào mảng từ người dùng trong javascript Data Entered by User : array[0].value= 1 array[1].value= 2 array[2].value= 3 array[3].value= 4 Bản tóm tắtNhắc () để lấy đầu vào mảng từ người dùng trong javascript {} Và [] trong javascript là gì?{} là tốc ký để tạo một đối tượng trống.Bạn có thể coi đây là cơ sở cho các loại đối tượng khác.Đối tượng cung cấp liên kết cuối cùng trong chuỗi nguyên mẫu có thể được sử dụng bởi tất cả các đối tượng khác, chẳng hạn như một mảng.[] là tốc ký để tạo ra một mảng trống.. You can consider this as the base for other object types. Object provides the last link in the prototype chain that can be used by all other objects, such as an Array . [] is shorthand for creating an empty array.
Mảng hoạt động như thế nào trong JavaScript?Các mảng JavaScript không được chỉ số bằng không: phần tử đầu tiên của một mảng là tại INDEX 0, phần thứ hai là tại INDEX 1, v.v.-và phần tử cuối cùng là ở giá trị của thuộc tính độ dài của mảng trừ 1.Các hoạt động sao chép mảng JavaScript tạo các bản sao nông. . JavaScript array-copy operations create shallow copies.
Một mảng trong JavaScript với ví dụ là gì?Một mảng là một đối tượng có thể lưu trữ nhiều giá trị cùng một lúc.Ví dụ: các từ const = ['xin chào', 'thế giới', 'chào mừng'];Ở đây, từ là một mảng.an object that can store multiple values at once. For example, const words = ['hello', 'world', 'welcome']; Here, words is an array. |
