Làm cách nào để lấy giá trị đối tượng lồng nhau động trong JavaScript?

Ok, bạn đã gần. Ví dụ bạn đưa ra chỗ bạn gần như có rồi, bạn cứ gán lại toàn bộ đối tượng

const agg = {
      [aggName]: {
        terms: {
          field
        }
      }
    };

Điều gì đã làm hỏng kết quả của bạn. Thay vào đó, hãy gán tất cả các nút cấp 2 trên đối tượng gốc. Tôi cũng trình bày bên dưới cách thêm một chỗ dựa cấp gốc có tên là aggs nếu bạn cần

Điều cần lưu ý là trong javascript, bạn chỉ có thể đặt động các thuộc tính cho cấp độ tiếp theo trong

Tôi có thể chuyển cái gì cho hàm getter để cho phép tôi làm điều đó, (và tất nhiên cũng cho phép tôi nhận các thuộc tính không lồng nhau bằng cùng một hàm)

Tôi đã thử

function getPropByString(obj, propString) {
  if (!propString)
    return obj;

  var prop, props = propString.split('.');

  for (var i = 0, iLen = props.length - 1; i < iLen; i++) {
    prop = props[i];

    var candidate = obj[prop];
    if (candidate !== undefined) {
      obj = candidate;
    } else {
      break;
    }
  }
  return obj[props[i]];
}

var obj = {
  foo: {
    bar: {
      baz: 'x'
    }
  }
};

console.log(getPropByString(obj, 'foo.bar.baz')); // x
console.log(getPropByString(obj, 'foo.bar.baz.buk')); // undefined

8 và

function getPropByString(obj, propString) {
  if (!propString)
    return obj;

  var prop, props = propString.split('.');

  for (var i = 0, iLen = props.length - 1; i < iLen; i++) {
    prop = props[i];

    var candidate = obj[prop];
    if (candidate !== undefined) {
      obj = candidate;
    } else {
      break;
    }
  }
  return obj[props[i]];
}

var obj = {
  foo: {
    bar: {
      baz: 'x'
    }
  }
};

console.log(getPropByString(obj, 'foo.bar.baz')); // x
console.log(getPropByString(obj, 'foo.bar.baz.buk')); // undefined

9 nhưng chúng không hoạt động

Tôi cho rằng tôi có thể phân tích cú pháp cho các dấu chấm hoặc dấu ngoặc (như ở đây. Trong javascript, kiểm tra thuộc tính được lồng sâu trong biểu đồ đối tượng?). Có cách nào sạch hơn không? . )

Đặc biệt là vì tôi cần thiết lập sâu nhiều lần trong một vòng lặp cho một loạt các phần tử mảng

Giải pháp tốt nhất

Bạn có thể sử dụng chức năng truy cập sâu dựa trên chuỗi cho đường dẫn. Lưu ý rằng bạn không thể có bất kỳ dấu chấm nào trong tên thuộc tính

function getPropByString(obj, propString) {
  if (!propString)
    return obj;

  var prop, props = propString.split('.');

  for (var i = 0, iLen = props.length - 1; i < iLen; i++) {
    prop = props[i];

    var candidate = obj[prop];
    if (candidate !== undefined) {
      obj = candidate;
    } else {
      break;
    }
  }
  return obj[props[i]];
}

var obj = {
  foo: {
    bar: {
      baz: 'x'
    }
  }
};

console.log(getPropByString(obj, 'foo.bar.baz')); // x
console.log(getPropByString(obj, 'foo.bar.baz.buk')); // undefined

Nếu chuỗi truy cập trống, trả về đối tượng. Mặt khác, tiếp tục đi dọc theo đường truy cập cho đến người truy cập cuối cùng thứ hai. Nếu đó là một đối tượng, trả về giá trị ______ 4 ______ 0 cuối cùng. Nếu không, trả về không xác định

Giải pháp liên quan

Javascript – Phát hiện thuộc tính đối tượng không xác định

Cách thông thường để kiểm tra xem giá trị của một tài sản có phải là giá trị đặc biệt

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

1 hay không, là

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

Để kiểm tra xem một đối tượng không thực sự có một thuộc tính như vậy hay không và do đó sẽ trả về

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

1 theo mặc định khi bạn thử và truy cập nó

________số 8_______

Để kiểm tra xem giá trị được liên kết với mã định danh có phải là giá trị đặc biệt

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

1 hay mã định danh đó chưa được khai báo. Ghi chú. phương pháp này là cách duy nhất để đề cập đến một không được khai báo (lưu ý. khác với việc có giá trị của mã định danh

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

1) mà không có lỗi sớm

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

Trong các phiên bản JavaScript trước ECMAScript 5, thuộc tính có tên "không xác định" trên đối tượng chung có thể ghi được và do đó, một kiểm tra đơn giản

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

5 có thể hoạt động không mong muốn nếu nó vô tình được xác định lại. Trong JavaScript hiện đại, thuộc tính chỉ đọc

Tuy nhiên, trong JavaScript hiện đại, "không xác định" không phải là một từ khóa và do đó, các biến bên trong các hàm có thể được đặt tên là "không xác định" và che khuất thuộc tính toàn cầu

Nếu bạn lo lắng về trường hợp cạnh (không chắc) này, bạn có thể sử dụng toán tử void để lấy chính giá trị

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

1 đặc biệt

if(myVariable === void 0) {
  alert("myVariable is the special value `undefined`");
}

Javascript – Cách đóng JavaScript hoạt động

Một đóng cửa là một cặp của

1. Một chức năng, và
2. Tham chiếu đến phạm vi bên ngoài của hàm đó (môi trường từ vựng)

Môi trường từ vựng là một phần của mọi ngữ cảnh thực thi (khung ngăn xếp) và là bản đồ giữa các mã định danh (nghĩa là. tên biến cục bộ) và giá trị

Mỗi chức năng trong JavaScript duy trì một tham chiếu đến môi trường từ vựng bên ngoài của nó. Tham chiếu này được sử dụng để định cấu hình ngữ cảnh thực thi được tạo khi một hàm được gọi. Tham chiếu này cho phép mã bên trong hàm "nhìn thấy" các biến được khai báo bên ngoài hàm, bất kể khi nào và ở đâu hàm được gọi

Nếu một chức năng được gọi bởi một chức năng, đến lượt nó được gọi bởi một chức năng khác, thì một chuỗi tham chiếu đến môi trường từ vựng bên ngoài được tạo. Chuỗi này được gọi là chuỗi phạm vi

Trong đoạn mã sau,

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

7 tạo thành một bao đóng với môi trường từ vựng của ngữ cảnh thực thi được tạo khi gọi ___4_______8, đóng trên biến

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

9

function foo() {
  const secret = Math.trunc(Math.random()*100)
  return function inner() {
    console.log(`The secret number is ${secret}.`)
  }
}
const f = foo() // `secret` is not directly accessible from outside `foo`
f() // The only way to retrieve `secret`, is to invoke `f`

Nói cách khác. trong JavaScript, các hàm mang tham chiếu đến một "hộp trạng thái" riêng tư mà chỉ chúng (và bất kỳ hàm nào khác được khai báo trong cùng một môi trường từ vựng) mới có quyền truy cập. Hộp trạng thái này là vô hình đối với người gọi hàm, cung cấp một cơ chế tuyệt vời để ẩn và đóng gói dữ liệu

Và hãy nhớ. các hàm trong JavaScript có thể được truyền xung quanh giống như các biến (hàm hạng nhất), nghĩa là các cặp chức năng và trạng thái này có thể được truyền xung quanh chương trình của bạn. tương tự như cách bạn có thể truyền một thể hiện của một lớp xung quanh trong C++

Nếu JavaScript không có bao đóng, thì sẽ phải chuyển nhiều trạng thái hơn giữa các hàm một cách rõ ràng, làm cho danh sách tham số dài hơn và mã ồn hơn

Vì vậy, nếu bạn muốn một chức năng luôn có quyền truy cập vào một phần trạng thái riêng tư, bạn có thể sử dụng bao đóng

và chúng ta thường muốn liên kết trạng thái với một chức năng. Ví dụ, trong Java hoặc C++, khi bạn thêm một biến thể hiện riêng và một phương thức vào một lớp, bạn đang liên kết trạng thái với chức năng

Trong C và hầu hết các ngôn ngữ phổ biến khác, sau khi một hàm trả về, tất cả các biến cục bộ không còn truy cập được nữa do khung ngăn xếp bị hủy. Trong JavaScript, nếu bạn khai báo một hàm bên trong một hàm khác, thì các biến cục bộ của hàm bên ngoài vẫn có thể truy cập được sau khi trở về từ hàm đó. Theo cách này, trong đoạn mã trên,

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

9 vẫn có sẵn cho đối tượng hàm

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

7, sau khi nó được trả về từ

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

8

Công dụng của Đóng cửa

Các bao đóng hữu ích bất cứ khi nào bạn cần một trạng thái riêng tư được liên kết với một chức năng. Đây là một kịch bản rất phổ biến - và hãy nhớ. JavaScript không có cú pháp lớp cho đến năm 2015 và nó vẫn không có cú pháp trường riêng. Đóng cửa đáp ứng nhu cầu này

Biến thể hiện cá nhân

Trong đoạn mã sau, hàm

if(!o.hasOwnProperty('myProperty')) {
  alert("myProperty does not exist");
}

3 đóng trên các chi tiết của ô tô

function Car(manufacturer, model, year, color) {
  return {
    toString() {
      return `${manufacturer} ${model} (${year}, ${color})`
    }
  }
}
const car = new Car('Aston Martin','V8 Vantage','2012','Quantum Silver')
console.log(car.toString())

Lập trình chức năng

Trong đoạn mã sau, hàm

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

7 đóng trên cả

if(!o.hasOwnProperty('myProperty')) {
  alert("myProperty does not exist");
}

5 và

if(!o.hasOwnProperty('myProperty')) {
  alert("myProperty does not exist");
}

6

function curry(fn) {
  const args = []
  return function inner(arg) {
    if(args.length === fn.length) return fn(...args)
    args.push(arg)
    return inner
  }
}

function add(a, b) {
  return a + b
}

const curriedAdd = curry(add)
console.log(curriedAdd(2)(3)()) // 5

Lập trình hướng sự kiện

Trong đoạn mã sau, hàm

if(!o.hasOwnProperty('myProperty')) {
  alert("myProperty does not exist");
}

7 đóng trên biến

if(!o.hasOwnProperty('myProperty')) {
  alert("myProperty does not exist");
}

8

const $ = document.querySelector.bind(document)
const BACKGROUND_COLOR = 'rgba(200,200,242,1)'

function onClick() {
  $('body').style.background = BACKGROUND_COLOR
}

$('button').addEventListener('click', onClick)

function getPropByString(obj, propString) {
  if (!propString)
    return obj;

  var prop, props = propString.split('.');

  for (var i = 0, iLen = props.length - 1; i < iLen; i++) {
    prop = props[i];

    var candidate = obj[prop];
    if (candidate !== undefined) {
      obj = candidate;
    } else {
      break;
    }
  }
  return obj[props[i]];
}

var obj = {
  foo: {
    bar: {
      baz: 'x'
    }
  }
};

console.log(getPropByString(obj, 'foo.bar.baz')); // x
console.log(getPropByString(obj, 'foo.bar.baz.buk')); // undefined

0

mô đun hóa

Trong ví dụ sau, tất cả các chi tiết triển khai được ẩn bên trong một biểu thức hàm được thực thi ngay lập tức. Các chức năng

if(!o.hasOwnProperty('myProperty')) {
  alert("myProperty does not exist");
}

9 và

if(!o.hasOwnProperty('myProperty')) {
  alert("myProperty does not exist");
}

3 đóng trên trạng thái tư nhân và các chức năng họ cần để hoàn thành công việc của mình. Việc đóng cửa đã cho phép chúng tôi mô đun hóa và đóng gói mã của chúng tôi

function getPropByString(obj, propString) {
  if (!propString)
    return obj;

  var prop, props = propString.split('.');

  for (var i = 0, iLen = props.length - 1; i < iLen; i++) {
    prop = props[i];

    var candidate = obj[prop];
    if (candidate !== undefined) {
      obj = candidate;
    } else {
      break;
    }
  }
  return obj[props[i]];
}

var obj = {
  foo: {
    bar: {
      baz: 'x'
    }
  }
};

console.log(getPropByString(obj, 'foo.bar.baz')); // x
console.log(getPropByString(obj, 'foo.bar.baz.buk')); // undefined

1

ví dụ

ví dụ 1

Ví dụ này cho thấy các biến cục bộ không được sao chép trong bao đóng. việc đóng cửa duy trì một tham chiếu đến chính các biến ban đầu. Như thể khung ngăn xếp vẫn tồn tại trong bộ nhớ ngay cả sau khi chức năng bên ngoài thoát

function getPropByString(obj, propString) {
  if (!propString)
    return obj;

  var prop, props = propString.split('.');

  for (var i = 0, iLen = props.length - 1; i < iLen; i++) {
    prop = props[i];

    var candidate = obj[prop];
    if (candidate !== undefined) {
      obj = candidate;
    } else {
      break;
    }
  }
  return obj[props[i]];
}

var obj = {
  foo: {
    bar: {
      baz: 'x'
    }
  }
};

console.log(getPropByString(obj, 'foo.bar.baz')); // x
console.log(getPropByString(obj, 'foo.bar.baz.buk')); // undefined

2

ví dụ 2

Trong đoạn mã sau, ba phương thức

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

1,

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

2 và

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

3 đều đóng trên cùng một môi trường từ vựng

Và mỗi khi

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

4 được gọi, một ngữ cảnh thực thi mới (khung ngăn xếp) được tạo và một biến hoàn toàn mới

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

5 và một bộ hàm mới (

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

1, v.v. ) được tạo, đóng trên biến mới này

function getPropByString(obj, propString) {
  if (!propString)
    return obj;

  var prop, props = propString.split('.');

  for (var i = 0, iLen = props.length - 1; i < iLen; i++) {
    prop = props[i];

    var candidate = obj[prop];
    if (candidate !== undefined) {
      obj = candidate;
    } else {
      break;
    }
  }
  return obj[props[i]];
}

var obj = {
  foo: {
    bar: {
      baz: 'x'
    }
  }
};

console.log(getPropByString(obj, 'foo.bar.baz')); // x
console.log(getPropByString(obj, 'foo.bar.baz.buk')); // undefined

3

ví dụ 3

Nếu bạn đang sử dụng các biến được khai báo bằng cách sử dụng

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

7, hãy cẩn thận để biết bạn đang đóng biến nào. Các biến được khai báo bằng cách sử dụng

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

7 được nâng lên. Đây là một vấn đề ít hơn nhiều trong JavaScript hiện đại do sự ra đời của

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

9 và

if(myVariable === void 0) {
  alert("myVariable is the special value `undefined`");
}

0

Trong đoạn mã sau, mỗi lần lặp lại, một hàm mới

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

7 được tạo, hàm này sẽ đóng trên

if(myVariable === void 0) {
  alert("myVariable is the special value `undefined`");
}

2. Nhưng vì

if(myVariable === void 0) {
  alert("myVariable is the special value `undefined`");
}

3 được treo bên ngoài vòng lặp, tất cả các hàm bên trong này đóng trên cùng một biến, nghĩa là giá trị cuối cùng của

if(myVariable === void 0) {
  alert("myVariable is the special value `undefined`");
}

2 (3) được in ba lần

Làm cách nào để truy cập động các giá trị đối tượng trong JavaScript?

Làm cách nào để chuyển giá trị động trong đối tượng JavaScript?

Làm cách nào để tự động tạo đối tượng lồng nhau trong JavaScript?

Làm cách nào để lấy khóa động từ đối tượng trong JavaScript?