Loại trừ thuộc tính khỏi đối tượng JavaScript

Làm thế nào nó hoạt động

Theo mặc định, tất cả các thuộc tính công khai trên một đối tượng được bao gồm khi lập chỉ mục cho nó. Cách đơn giản nhất để loại trừ một thuộc tính là chú thích thuộc tính JsonIgnore trong Newtonsoft. không gian tên json

Ví dụ

C#

using Newtonsoft.Json;

public class User
  {
    public string Username { get; set; }

    [JsonIgnore]
    public string Password { get; set; }
  }

Bạn cũng có thể loại trừ các thuộc tính hoặc các trường khác đã bao gồm trước đó bằng cách tùy chỉnh các quy ước Máy khách

C#

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

Đoạn mã trên loại trừ thuộc tính Mật khẩu khỏi các thể hiện của lớp Người dùng cũng như các thể hiện của các lớp kế thừa lớp Người dùng

Bạn có một đối tượng với một số thuộc tính và bạn muốn loại bỏ một số thuộc tính này trước khi sử dụng thêm đối tượng

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

Ở đây, chuỗi JSON cũng chứa thuộc tính

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

Giải pháp

Bạn có thể sử dụng toán tử

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

Sử dụng toán tử

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

3

Sử dụng toán tử

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify[person];
    console.log[json];

Toán tử

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify[person];
    console.log[json];

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify[person];
    console.log[json];

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify[person];
    console.log[json];

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify[person];
    console.log[json];

Sử dụng phá hủy đối tượng

Toán tử

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify[person];
    console.log[json];

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

    const person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Destructure the age and gender
    const {age, gender, ...personTrimmed} = person;
    const json = JSON.stringify[personTrimmed];
    console.log[json];

Lưu ý rằng quá trình hủy chậm hơn đáng kể so với toán tử

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

Trong bài đăng này, bạn sẽ tìm hiểu cách xóa các thuộc tính khỏi một đối tượng trong JavaScript bằng cách sử dụng cấu trúc hủy và cú pháp

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify[person];
    console.log[json];

Cách mới này để loại bỏ các thuộc tính của đối tượng [bằng cách loại trừ chúng khỏi một đối tượng mới] mang lại cho chúng ta một cách viết JavaScript rõ ràng hơn, với ít mã hơn và dễ đọc hơn - cũng như đây là một hoạt động không thể thay đổi

Trước khi phá hủy, chúng tôi thường sử dụng từ khóa

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    const json = JSON.stringify[person];
    console.log[json];
    // => {"firstName":"John","lastName":"Doe","gender":"Male","age":34}
    // What can we do if we don't want the `age` property in the JSON string? -->

Bằng cách sử dụng tính năng hủy đối tượng, kết hợp với toán tử còn lại

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify[person];
    console.log[json];

Phá hủy đối tượng là gì?

Việc hủy đối tượng cho phép chúng ta tạo các biến từ tên thuộc tính đối tượng và biến sẽ chứa giá trị của tên thuộc tính - ví dụ

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

Bằng cách sử dụng

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify[person];
    console.log[json];

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

Nếu

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

//using EPiServer.Find.ClientConventions;

client.Conventions
  .ForInstancesOf[]
  .ExcludeField[x => x.Password];

…nghỉ ngơi trong quá trình phá hủy đối tượng

Đầu tiên là các tham số còn lại, sau đó là các thuộc tính còn lại

Đã thêm vào ECMAScript 2015 và hiện ở Giai đoạn 4 - chúng ở đây để duy trì và sử dụng cho đến ngày hôm nay

Với suy nghĩ này, làm thế nào để

    let person = {
        firstName: "John",
        lastName: "Doe",
        gender: "Male",
        age: 34
    };

    // Delete the age property first
    delete person.age;
    let json = JSON.stringify[person];
    console.log[json];

Sách điện tử miễn phí

Chỉ thị, đơn giản phải không? . Nhìn bề ngoài chúng có vẻ đơn giản, nhưng ngay cả các nhà phát triển Angular lành nghề cũng chưa nắm hết mọi khái niệm trong eBook này

Làm cách nào để loại trừ thuộc tính khỏi đối tượng trong JavaScript?

Làm cách nào để xóa nhiều thuộc tính khỏi đối tượng JavaScript?

Làm cách nào để xóa một thuộc tính khỏi đối tượng trong quá trình phá hủy JavaScript?

Làm cách nào để xóa giá trị khóa khỏi đối tượng trong JavaScript?