Hướng dẫn define dynamic variable javascript - xác định javascript biến động

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Đọcdynamic variable names don’t have a specific name hard-coded in the script. They are named dynamically with string values from other sources. Dynamic variables are rarely used in JavaScript. But in some cases they are useful. Unlike PHP, there is no special implementation of dynamic variable names in JavaScript. But similar results can be achieved by using some other methods. In JavaScript, dynamic variable names can be achieved by using 2 methods/ways given below.

• Bàn luận The eval() function evaluates JavaScript code represented as a string in the parameter. A string is passed as a parameter to eval(). If the string represents an expression, eval() evaluates the expression. Inside eval(), we pass a string in which variable valuei is declared and assigned a value of i for each iteration. The eval() function executes this and creates the variable with the assigned values. The code is given below implements the creation of dynamic variable names using eval().

  Example:

  value1=1
  value2=2
  value3=3
  value4=4

  3

  Trong lập trình, tên biến động don don có một tên cụ thể được mã hóa trong tập lệnh. Chúng được đặt tên động với các giá trị chuỗi từ các nguồn khác. Các biến động hiếm khi được sử dụng trong JavaScript. Nhưng trong một số trường hợp, chúng rất hữu ích. Không giống như PHP, không có triển khai đặc biệt của các tên biến động trong JavaScript. Nhưng kết quả tương tự có thể đạt được bằng cách sử dụng một số phương pháp khác. Trong JavaScript, tên biến động có thể đạt được bằng cách sử dụng 2 phương thức/cách được đưa ra dưới đây.

  Eval (): Hàm eval () đánh giá mã javascript được biểu thị dưới dạng chuỗi trong tham số. Một chuỗi được truyền dưới dạng tham số để eval (). Nếu chuỗi đại diện cho một biểu thức, eval () sẽ đánh giá biểu thức. Bên trong eval (), chúng tôi vượt qua một chuỗi trong đó giá trị biến được khai báo và gán giá trị của i cho mỗi lần lặp. Hàm eval () thực thi điều này và tạo biến với các giá trị được gán. Mã được đưa ra dưới đây thực hiện việc tạo tên biến động bằng cách sử dụng eval ().

  value1=1
  value2=2
  value3=3
  value4=4

  4

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  3

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  4

  value1=1
  value2=2
  value3=3
  value4=4

  4

  value1=1
  value2=2
  value3=3
  value4=4

  5

  value1=1
  value2=2
  value3=3
  value4=4

  6

  value1=1
  value2=2
  value3=3
  value4=4

  7

  value1=1
  value2=2
  value3=3
  value4=4

  8

  value1=1
  value2=2
  value3=3
  value4=4

  4

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  4

  value1=1
  value2=2
  value3=3
  value4=4

  4

  value1=1
  value2=2
  value3=3
  value4=4

  5

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  1

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  5

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  6

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  7

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  8

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  9

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  0

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  1

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  2

  value1=1
  value2=2
  value3=3
  value4=4

  4

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  6

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  7

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  8

  value1=1
  value2=2
  value3=3
  value4=4

  4

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  6

  for (var i = 0; i < coords.length; ++i) {
      this["marker"+i] = "some stuff";
  }
  

  1

  for (var i = 0; i < coords.length; ++i) {
      this["marker"+i] = "some stuff";
  }
  

  2

  var foo = this.marker0;
  console.log(foo); // "some stuff"
  

  1

  Output:

  value1=1
  value2=2
  value3=3
  value4=4

• value1=1
  value2=2
  value3=3
  value4=4

  4

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  6

  for (var i = 0; i < coords.length; ++i) {
      this["marker"+i] = "some stuff";
  }
  

  5

  for (var i = 0; i < coords.length; ++i) {
      this["marker"+i] = "some stuff";
  }
  

  6 JavaScript always has a global object defined. When the program creates global variables they’re created as members of the global object. The window object is the global object in the browser. Any global variables or functions can be accessed with the window object. After defining a global variable we can access its value from the window object. The code given below implements dynamic variable names using the window object. So, the code basically creates a global variable with dynamic name “valuei” for each iteration of i and assigns a value of i to it. Later these variables can be accessed in the script anywhere as they become global variables.

  Example:

  value1=1
  value2=2
  value3=3
  value4=4

  3

  value1=1
  value2=2
  value3=3
  value4=4

  4

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  6

  for (var i = 0; i < coords.length; ++i) {
      this["marker"+i] = "some stuff";
  }
  

  9

  var foo = this.marker0;
  console.log(foo); // "some stuff"
  

  0

  value1=1
  value2=2
  value3=3
  value4=4

  4

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  3

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  4

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  5

  window['marker'+i] = "some stuff"; 
  

  0

  value1=1
  value2=2
  value3=3
  value4=4

  7

  window['marker'+i] = "some stuff"; 
  

  2

  value1=1
  value2=2
  value3=3
  value4=4

  4

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  4

  value1=1
  value2=2
  value3=3
  value4=4

  4

  value1=1
  value2=2
  value3=3
  value4=4

  5

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  1

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  5

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  6

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  7

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  8

  for (var i = 0; i < coords.length; ++i) {
      var marker+i = "some stuff";
  }
  

  9

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  0

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  1

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  2

  value1=1
  value2=2
  value3=3
  value4=4

  4

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  6

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  7

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  8

  value1=1
  value2=2
  value3=3
  value4=4

  4

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  6

  for (var i = 0; i < coords.length; ++i) {
      this["marker"+i] = "some stuff";
  }
  

  1

  for (var i = 0; i < coords.length; ++i) {
      this["marker"+i] = "some stuff";
  }
  

  2

  var foo = this.marker0;
  console.log(foo); // "some stuff"
  

  1

  Output:

  value1=1
  value2=2
  value3=3
  value4=4

  value1=1
  value2=2
  value3=3
  value4=4

  4

  var markers = [];
  for (var i = 0; i < coords.length; ++i) {
      markers[i] = "some stuff";
  }
  

  6

  for (var i = 0; i < coords.length; ++i) {
      this["marker"+i] = "some stuff";
  }
  

  5

  for (var i = 0; i < coords.length; ++i) {
      this["marker"+i] = "some stuff";
  }
  

  6