Các phép gán biến JavaScript từ các bộ giá trị

Trong các ngôn ngữ khác như Python 2 và Python 3, bạn có thể xác định và gán giá trị cho một biến tuple và truy xuất các giá trị của chúng như sau:

tuple = ("Bob", 24)
name, age = tuple
print(name)           #name evaluates to Bob
print(age)            #age evaluates to 24

Có điều gì tương tự trong JavaScript không? Hay tôi chỉ cần làm theo cách xấu xí với một mảng:

tuple = ["Bob", 24]
name = tuple[0]       //name Evaluates to Bob
age = tuple[1]        //age Evaluates to 24

Có cách nào tốt hơn để mô phỏng bộ dữ liệu Python trong JavaScript 5 không?

Cập nhật: Xem câu trả lời về ES6, nên được ưu tiên hơn CoffeeScript cho các dự án mới.

Javascript 1.7 đã thêm phép gán bị hủy cho phép bạn thực hiện về cơ bản những gì bạn đang làm.

function getTuple(){
   return ["Bob", 24];
}
var [a, b] = getTuple();
// a === "bob" , b === 24 are both true

Bạn phải làm điều đó theo cách xấu xí. Nếu bạn thực sự muốn một cái gì đó như thế này, bạn có thể xem CoffeeScript , có cái đó và rất nhiều tính năng khác khiến nó trông giống python hơn (xin lỗi vì làm cho nó giống như một quảng cáo, nhưng tôi thực sự thích nó.)

Bạn có thể làm điều gì đó tương tự:

var tuple = Object.freeze({ name:'Bob', age:14 })

và sau đó tham chiếu đến tên và tuổi làm thuộc tính

tuple.name 
tuple.age 

Tính năng "tuple" này được gọi là hủy cấu trúc trong EcmaScript2015 và sẽ sớm được hỗ trợ bởi các trình duyệt cập nhật. Hiện tại, chỉ có Firefox và Chrome hỗ trợ nó .

Nhưng này, bạn có thể sử dụng một trình chuyển đổi .

Mã sẽ trông đẹp như python:

let tuple = ["Bob", 24]
let [name, age] = tuple

console.log(name)
console.log(age)

Một mảng cố định hoạt động giống hệt như một bộ mã python:

const tuple = Object.freeze(["Bob", 24]);
let [name, age]; = tuple
console.debug(name); // "Bob"
console.debug(age); // 24

Hãy ưa thích và xác định một lớp học

class Tuple extends Array { 
  constructor(...items) { 
    super(...items); 
    Object.freeze(this);
  } 
}

let tuple = new Tuple("Jim", 35);
let [name, age] = tuple;
console.debug(name); // Jim
console.debug(age); // 35
tuple = ["Bob", 24]; // no effect 
console.debug(name); // Jim
console.debug(age); // 25

Hoạt động ngày nay trên tất cả các trình duyệt mới nhất.

Tuples không được hỗ trợ trong JavaScript

Nếu bạn đang tìm kiếm một danh sách bất biến, Object.freeze () có thể được sử dụng để làm cho một mảng trở nên bất biến.

Phương thức Object.freeze () đóng băng một đối tượng: nghĩa là, ngăn các thuộc tính mới được thêm vào nó; ngăn các thuộc tính hiện có bị xóa; và ngăn các thuộc tính hiện có hoặc khả năng liệt kê, khả năng cấu hình hoặc khả năng ghi của chúng bị thay đổi. Về bản chất, đối tượng được tạo ra một cách hiệu quả là bất biến. Phương thức trả về đối tượng đang bị đóng băng.

Nguồn: Mạng nhà phát triển Mozilla - Object.freeze ()

Gán một mảng như bình thường nhưng khóa nó bằng cách sử dụng 'Object.freeze ()

> tuple = Object.freeze(['Bob', 24]);
[ 'Bob', 24 ]

Sử dụng các giá trị như bạn làm với một mảng thông thường (không hỗ trợ nhiều phép gán trong python)

> name = tuple[0]
'Bob'
> age = tuple[1]
24

Cố gắng chỉ định một giá trị mới

> tuple[0] = 'Steve'
'Steve'

Nhưng giá trị không thay đổi

> console.log(tuple)
[ 'Bob', 24 ]

Rất tiếc, bạn không thể sử dụng cú pháp gán tuple đó trong Tập lệnh (ECMA | Java).

CHỈNH SỬA: Ai đó đã liên kết với Mozilla / JS 1.7 - điều này sẽ không hoạt động trên nhiều trình duyệt nhưng nếu điều đó không bắt buộc thì sẽ có câu trả lời của bạn.

Điều này không nhằm mục đích thực sự được sử dụng trong cuộc sống thực, chỉ là một bài tập thú vị. Xem Tại sao sử dụng hàm eval trong JavaScript là một ý tưởng tồi? để biết chi tiết.

Đây là tiện ích gần nhất mà bạn có thể nhận được mà không cần dùng đến các tiện ích mở rộng dành riêng cho nhà cung cấp:

myArray = [1,2,3];
eval(set('a,b,c = myArray'));

Chức năng trợ giúp:

function set(code) {
    var vars=code.split('=')[0].trim().split(',');
    var array=code.split('=')[1].trim();
    return 'var '+vars.map(function(x,i){return x+'='+array+'['+i+']'}).join(',');
}

Bằng chứng rằng nó hoạt động trong phạm vi tùy ý:

(function(){
    myArray = [4,5,6];
    eval(set('x,y,z = myArray'));
    console.log(y);  // prints 5
})()

eval không được hỗ trợ trong Safari.

Để cập nhật câu trả lời của Bộ trưởng, bây giờ bạn có thể làm điều này với es2015:

function Tuple(...args) {
  args.forEach((val, idx) => 
    Object.defineProperty(this, "item"+idx, { get: () => val })
  )
}


var t = new Tuple("a", 123)
console.log(t.item0) // "a"
t.item0 = "b"
console.log(t.item0) // "a"

https://jsbin.com/fubaluwimo/edit?js,console

Bạn cũng có thể có một loại tuple trong Javascript. Chỉ cần xác định nó với các hàm bậc cao hơn (thuật ngữ học thuật là mã hóa Giáo hội):

const Tuple = (...args) => {
  const Tuple = f => f(...args);
  return Object.freeze(Object.assign(Tuple, args));
};

const get1 = tx => tx((x, y) => x);

const get2 = tx => tx((x, y) => y);

const bimap = f => g => tx => tx((x, y) => Tuple(f(x), g(y)));

const toArray = tx => tx((...args) => args);

// aux functions

const inc = x => x + 1;
const toUpperCase = x => x.toUpperCase();

// mock data

const pair = Tuple(1, "a");

// application

console.assert(get1(pair) === 1);
console.assert(get2(pair) === "a");

const {0:x, 1:y} = pair;
console.log(x, y); // 1 a

console.log(toArray(bimap(inc) (toUpperCase) (pair))); // [2, "A"]

const map = new Map([Tuple(1, "a"), Tuple(2, "b")]);
console.log(map.get(1), map.get(2)); // a b

Xin lưu ý rằng Tuplenó không được sử dụng như một hàm tạo bình thường. Giải pháp hoàn toàn không dựa vào hệ thống nguyên mẫu mà chỉ dựa vào các chức năng bậc cao.

Ưu điểm của bộ giá trị so với Arrays được sử dụng như bộ giá trị? Các bộ mã hóa của nhà thờ là bất biến theo thiết kế và do đó ngăn ngừa các tác dụng phụ do đột biến gây ra. Điều này giúp xây dựng các ứng dụng mạnh mẽ hơn. Ngoài ra, sẽ dễ dàng hơn để suy luận về mã phân biệt giữa Arrays là loại tập hợp (ví dụ [a]) và các bộ giá trị là dữ liệu liên quan thuộc nhiều loại khác nhau (ví dụ (a, b)).

Đây là một triển khai Javascript Tuple đơn giản:

var Tuple = (function () {
   function Tuple(Item1, Item2) {
      var item1 = Item1;
      var item2 = Item2;
      Object.defineProperty(this, "Item1", {
          get: function() { return item1  }
      });
      Object.defineProperty(this, "Item2", {
          get: function() { return item2  }
      });
   }
   return Tuple;
})();

var tuple = new Tuple("Bob", 25); // Instantiation of a new Tuple
var name = tuple.Item1; // Assignment. name will be "Bob"
tuple.Item1 = "Kirk"; // Will not set it. It's immutable.

Đây là bộ 2-tuple, tuy nhiên, bạn có thể sửa đổi ví dụ của tôi để hỗ trợ các bộ 3,4,5,6, v.v.

Đây là phiên bản câu trả lời của Matthew James Davis với các phương thức tuple Python được thêm vào:

class Tuple extends Array { 
  constructor(...items) { 
    super(...items); 
    Object.freeze(this);
  }
  toArray() {
    return [...this];
  }
  toString() {
    return '('+super.toString()+')';
  }
  count(item) {
    var arr = this.toArray();
    var result = 0;
    for(var i = 0; i < arr.length; i++) {
       if(arr[i] === item) {
         result++;
       }
    }
    return result;
  }

  

  
}

   let tuple = new Tuple("Jim", 35);
   let [name,age] = tuple;

console.log("tuple:"+tuple)
console.log("name:"+name)
console.log("age:"+age)