Hướng dẫn how to add string to object javascript - cách thêm chuỗi vào đối tượng javascript

Có hai ký hiệu khác nhau để truy cập các thuộc tính đối tượng

  • Ký hiệu chấm: myobj.prop1 notation: myObj.prop1
  • Ký hiệu khung: myobj ["Prop1"] notation: myObj["prop1"]

Ký hiệu chấm rất nhanh và dễ dàng nhưng bạn phải sử dụng tên thuộc tính thực tế một cách rõ ràng. Không thay thế, biến, v.v.

Ký hiệu khung là kết thúc mở. Nó sử dụng một chuỗi nhưng bạn có thể tạo chuỗi bằng cách sử dụng bất kỳ mã JS hợp pháp nào. Bạn có thể chỉ định chuỗi là theo nghĩa đen (mặc dù trong trường hợp này ký hiệu chấm sẽ đọc dễ dàng hơn) hoặc sử dụng một biến hoặc tính toán theo một cách nào đó.

Vì vậy, tất cả đều đặt thuộc tính MyObj được đặt tên prop1 thành giá trị xin chào:

// quick easy-on-the-eye dot notation
myObj.prop1 = "Hello";

// brackets+literal
myObj["prop1"] = "Hello";

// using a variable
var x = "prop1"; 
myObj[x] = "Hello";                     

// calculate the accessor string in some weird way
var numList = [0,1,2];
myObj[ "prop" + numList[1] ] = "Hello";     

Pitfalls:

myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1

TL; DNR: Nếu bạn muốn tính toán hoặc tham chiếu khóa, bạn phải sử dụng ký hiệu khung. Nếu bạn đang sử dụng khóa một cách rõ ràng, thì hãy sử dụng ký hiệu DOT cho mã rõ ràng đơn giản.: If you want to compute or reference the key you must use bracket notation. If you are using the key explicitly, then use dot notation for simple clear code.

Lưu ý: Có một số câu trả lời tốt và đúng khác nhưng cá nhân tôi thấy chúng một chút ngắn gọn đến từ sự quen thuộc thấp với sự khó hiểu trên JS. Điều này có thể hữu ích cho một số người.

Hướng dẫn how to add string to object javascript - cách thêm chuỗi vào đối tượng javascript


Hướng dẫn JavaScript này giải thích cách sử dụng phương thức chuỗi gọi là Concat () với cú pháp và ví dụ.

Sự mô tả

Trong JavaScript, Concat () là một phương thức chuỗi được sử dụng để kết hợp các chuỗi với nhau. Phương thức Concat () nối thêm một hoặc nhiều giá trị chuỗi vào chuỗi gọi và sau đó trả về kết quả được nối dưới dạng chuỗi mới. Vì phương thức Concat () là một phương thức của đối tượng chuỗi, nó phải được gọi thông qua một thể hiện cụ thể của lớp chuỗi.

Cú pháp

Trong JavaScript, Syntax cho phương thức Concat () là:

string.concat(value1, value2, ... value_n);

Tham số hoặc đối số

value1, value2, ... value_nthe giá trị để kết hợp đến cuối chuỗi.

Trả lại

Phương thức Concat () trả về một chuỗi mới xuất phát từ việc kết hợp chuỗi gốc với các giá trị chuỗi được truyền dưới dạng tham số.

Ghi chú

  • Mỗi giá trị tham số sẽ được chuyển đổi thành một chuỗi, nếu cần, trước khi hoạt động nối được thực hiện.
  • Phương thức Concat () không thay đổi giá trị của chuỗi gốc.
  • Bạn cũng có thể sử dụng toán tử + để kết hợp các giá trị với nhau.

Thí dụ

Chúng ta hãy xem một ví dụ về cách sử dụng phương thức Concat () trong JavaScript.

Ví dụ:

var totn_string = 'Tech';

console.log(totn_string.concat('On','The','Net'));

console.log(totn_string);

Trong ví dụ này, chúng tôi đã tuyên bố một biến gọi là TOTN_String được gán giá trị chuỗi của 'Tech'. Sau đó, chúng tôi đã gọi phương thức Concat () của biến TOTN_String để nối ba giá trị chuỗi vào cuối giá trị của biến Totn_String.

Chúng tôi đã viết đầu ra của phương thức Concat () vào nhật ký bảng điều khiển trình duyệt web, cho mục đích trình diễn, để hiển thị phương thức Concat () trả về những gì.

Sau đây sẽ là đầu ra vào nhật ký bảng điều khiển trình duyệt web:

TechOnTheNet
Tech

Như bạn có thể thấy, phương thức Concat () đã trả về giá trị chuỗi được nối của 'Techonthenet'. Đây là sự kết hợp của chuỗi 'Tech' + 'trên' + '' + 'net'.

Giá trị của biến TOTN_String ban đầu không thay đổi và vẫn bằng 'Tech'.

Kết hợp với một biến chuỗi trống

Bạn có thể sử dụng phương thức Concat () với một biến chuỗi trống để kết hợp các giá trị chuỗi nguyên thủy.

Ví dụ:

var totn_string = '';

console.log(totn_string.concat('Tech','On','The','Net'));

Sau đây sẽ là đầu ra vào nhật ký bảng điều khiển trình duyệt web:

TechOnTheNet

Như bạn có thể thấy, phương thức Concat () đã trả về giá trị chuỗi được nối của 'Techonthenet'. Đây là sự kết hợp của chuỗi 'Tech' + 'trên' + '' + 'net'.

console.log(''.concat('Tech','On','The','Net'));

Giá trị của biến TOTN_String ban đầu không thay đổi và vẫn bằng 'Tech'.

console.log('Tech' + 'On' + 'The' + 'Net');

Kết hợp với một biến chuỗi trống

Phương thức

myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
1 kết hợp các đối số chuỗi vào chuỗi gọi và trả về một chuỗi mới.
myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
1
method concatenates the string arguments to the calling string and returns a new string.

Thử nó

Cú pháp

concat(str1)
concat(str1, str2)
concat(str1, str2, /* …, */ strN)

Thông số

myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
2

Một hoặc nhiều chuỗi để nối với

myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
3.

Giá trị trả về

Một chuỗi mới chứa văn bản kết hợp của các chuỗi được cung cấp.

Sự mô tả

Hàm

myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
1 kết hợp các đối số chuỗi vào chuỗi gọi và trả về một chuỗi mới. Các thay đổi đối với chuỗi ban đầu hoặc chuỗi được trả về không ảnh hưởng đến chuỗi khác.

Nếu các đối số không thuộc chuỗi loại, chúng được chuyển đổi thành các giá trị chuỗi trước khi kết nối.

Phương pháp

myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
1 rất giống với các toán tử nối bổ sung/chuỗi (
myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
6,
myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
7), ngoại trừ
myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
1 buộc các đối số của nó trực tiếp vào các chuỗi, trong khi bổ sung buộc các toán tử của nó đến nguyên thủy trước tiên. Để biết thêm thông tin, hãy xem trang tham chiếu cho toán tử
myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
6.

Ví dụ

Sử dụng Concat ()

Ví dụ sau đây kết hợp các chuỗi thành một chuỗi mới.

myObj.[xxxx] = "Hello";      // wrong: mixed notations, syntax fail
myObj[prop1] = "Hello";      // wrong: this expects a variable called prop1
0

Thông số kỹ thuật

Sự chỉ rõ
Đặc tả ngôn ngữ Ecmascript # sec-string.prototype.concat
# sec-string.prototype.concat

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

Tôi có thể thêm một biến vào một đối tượng trong JavaScript không?

Chúng ta có thể thêm thuộc tính vào đối tượng JavaScript bằng cách sử dụng một biến làm tên bằng cách sử dụng ký hiệu DOT hoặc ký hiệu khung..

Chúng ta có thể thêm chuỗi vào số trong JavaScript không?

Trong JavaScript, chúng ta có thể thêm một số và một số nhưng nếu chúng ta cố gắng thêm một số và một chuỗi sau đó, vì không thể bổ sung, 'Concatenation' diễn ra.Trong ví dụ sau, các biến A, B, C và D được thực hiện.Đối với biến 'A', hai số (5, 5) được thêm vào do đó, nó đã trả về một số (10).if we try to add a number and a string then, as addition is not possible, 'concatenation' takes place. In the following example, variables a,b,c and d are taken. For variable 'a', two numbers(5, 5) are added therefore it returned a number(10).

Làm thế nào tôi tham gia một chuỗi trong một chuỗi trong javascript?

Phương thức Concat () tham gia hai hoặc nhiều chuỗi.Phương thức Concat () không thay đổi các chuỗi hiện có.Phương thức Concat () trả về một chuỗi mới. joins two or more strings. The concat() method does not change the existing strings. The concat() method returns a new string.

Bạn có thể sử dụng tham gia trên một đối tượng không?

Sử dụng đối tượng tham gia trong PowerShell với đối tượng tham gia, người dùng PowerShell có thể tận hưởng trải nghiệm giống như SQL khi lấy hai đối tượng riêng biệt, không liên quan và kết hợp chúng lại với nhau. With Join-Object, PowerShell users can enjoy the SQL-like experience of taking two separate, unrelated objects and joining them together.