Mẹo Làm cách nào để tìm đối tượng bên trong đối tượng trong JavaScript?
Kinh Nghiệm Hướng dẫn Làm cách nào để tìm đối tượng bên trong đối tượng trong JavaScript? 2022
Dương Minh Dũng đang tìm kiếm từ khóa Làm cách nào để tìm đối tượng bên trong đối tượng trong JavaScript? được Cập Nhật vào lúc : 2022-12-26 18:32:11 . Với phương châm chia sẻ Bí kíp về trong nội dung bài viết một cách Chi Tiết Mới Nhất. Nếu sau khi tham khảo tài liệu vẫn ko hiểu thì hoàn toàn có thể lại Comments ở cuối bài để Mình lý giải và hướng dẫn lại nha.Hàm mảng find() trong JavaScript trả về giá trị của phần tử đầu tiên trong một mảng vượt qua bài kiểm tra hàm được đáp ứng. Hãy cùng tìm hiểu sâu hơn về phương thức find() của mảng Nội dung chính Show
- tìm mảng JavascriptThông sốTìm mảng ES6()Chức năng thuần túyTìm một phần tử trong mảng bằng find()Mảng Javascript stìm kiếmFtìm một phần tử trong mảng JavaScriptTìm đối tượng trong mảng JavaScriptTìm một chuỗi trong JavaScriptTìm số nguyên tố trong mảngSử dụng hiệu suất cao mũi tên ES6 và phá hủyHỗ trợ trình duyệt Kết luậnBài viết đề xuấtLàm cách nào để lấy giá trị của đối tượng bên trong đối tượng trong JavaScript?Làm cách nào để đọc đối tượng lồng nhau trong JavaScript?Làm cách nào để tìm một đối tượng trong một mảng đối tượng JavaScript?Chúng ta hoàn toàn có thể sử dụng find trong đối tượng JavaScript không?
tìm mảng Javascript
Javascript array find() là một hàm có sẵn dùng để lấy giá trị của phần tử đầu tiên trong Mảng thỏa mãn điều kiện cho sẵn. Hàm find() đồng ý một hàm, thisValue, phần tử, chỉ mục, và mảng và kiểm tra tất cả những phần tử mảng và bất kỳ phần tử đầu tiên nào đáp ứng, điều kiện sẽ được in.
Nếu có nhiều món đồ đáp ứng điều kiện, mặt số 1 tiên đáp ứng yêu cầu sẽ được trả lại
Nếu bạn cần một chỉ mục của mục được tìm thấy trong Mảng, hãy sử dụng findIndex().
Nếu bạn cần tìm chỉ số của giá trị, hãy sử dụng Array Array. nguyên mẫu. Chỉ số(). Nếu bạn cần tìm xem giá trị có tồn tại trong một mảng hay là không, hãy sử dụng Array. nguyên mẫu. gồm có()
Giả sử bạn muốn tìm số lẻ đầu tiên trong Mảng. Hàm đối số kiểm tra đối số truyền vào liệu có phải là số lẻ hay là không.
Hàm find() gọi một hàm đối số cho mọi mục Array. Số lẻ đầu tiên mà hàm đối số trả về giá trị true được hàm find() báo cáo là câu vấn đáp.
cú pháp
Cú pháp của phương thức mảng find() như sau
array.find(function(element, index, array),thisValue)Thông số
Hàm nhận ba đối số sau
.
Đây là mục hiện tại vẫn đang được hàm xử lý.
index
Đây là chỉ mục của mục hiện tại vẫn đang được hàm xử lý.
mảng.
Đây là Mảng mà Mảng. hàm filter() đã được gọi.
Một đối số khác là thisValue. Nó báo cho hàm sử dụng giá trị mảng khi thực thi hàm đối số
Ví dụ
Chúng tôi sẽ sử dụng Nút. js trong ví dụ này để chạy mã javascript
Vì vậy, hãy để chúng tôi tạo tệp mang tên là ứng dụng. js và thêm đoạn mã sau
// app.js var data = [20, 18, 15, 10, 9]; var found = data.find(function(element) return element < 12; ); console.log(found);Vì vậy, chúng tôi đã viết một điều kiện. Nếu bất kỳ phần tử mảng nào thỏa mãn điều kiện này, nó sẽ trả về giá trị của phần tử đó và việc kiểm tra thêm những phần tử bên trong mảng sẽ bị tạm dừng.
Ở đây, cả giá trị 10 và 9 đều nhỏ hơn 12, tuy nhiên, tất cả chúng ta vẫn nhận được 10 vì giá trị 10 của một mục nằm đầu tiên trong một mảng
Vì vậy, chỉ có 10 sẽ trở lại chứ không phải 9. Nếu phần tử thỏa mãn điều kiện được tìm thấy bên trong một mảng, nó sẽ ngay lập tức trả về và không cần kiểm tra thêm
➜ es git:(master) ✗ node app 10 ➜ es git:(master) ✗Tìm mảng ES6()
Chúng ta hoàn toàn có thể viết hàm trên theo chuẩn ES6 như sau
// app.js const data = [20, 18, 15, 10, 9]; let found = data.find(element => element < 12); console.log(found);Câu trả lời sẽ in như câu trước, nhưng cú pháp nhẹ hơn nhiều
Bây giờ tất cả chúng ta hãy lấy một ngữ cảnh trong đó không xác định được tìm thấy
// app.js const data = [20, 18, 15, 10, 9]; let found = data.find(element => element < 9); console.log(found);Trong ví dụ trên, tất cả những phần tử đều to hơn 9;
Chức năng thuần túy
Phương thức Tìm mảng Javascript là một hàm thuần túy vì nó không thay đổi một mảng mà nó được gọi. Thay vào đó, nó sẽ trả về một giá trị thỏa mãn điều kiện của nó
Tìm một phần tử trong mảng bằng find()
Bây giờ, hãy viết đoạn mã sau
// app.js const fruits = [ name: 'apples', quantity: 2, name: 'bananas', quantity: 0, name: 'cherries', quantity: 5 ]; const getFruit = fruits.find(fruit => fruit.name === 'apples'); console.log(getFruit);Ở đây, chỉ một đối tượng sẽ được trả về nếu điều kiện được đáp ứng thành công
es git:(master) ✗ node app name: 'apples', quantity: 2 ➜ es git:(master) ✗Vì vậy, bất kể lúc nào tất cả chúng ta gặp một tình huống cần lấy giá trị của phần tử đầu tiên trong một mảng thỏa mãn hiệu suất cao kiểm tra được đáp ứng, tất cả chúng ta hoàn toàn có thể sử dụng Array. phương thức find() trong JavaScript
Mảng Javascript stìm kiếm
Để tìm kiếm một phần tử trong mảng trong JavaScript, hãy sử dụng phương thức find() của mảng. Phương thức find() kiểm tra xem một mảng có chứa phần tử hay là không. Hãy lấy một ví dụ về việc người đó liệu có phải là người lớn hay là không. Nếu tất cả chúng ta tìm thấy giá trị đầu tiên từ mảng thỏa mãn tiêu chí, nó sẽ trả về giá trị đó.
Chúng tôi đang tìm kiếm một mục trong Mảng bằng hàm javascript find()
// app.js let ages = [6, 18, 19, 21]; let checkAdult = age => return age >= 18; console.log(ages.find(checkAdult));Trong đoạn mã trên, nếu phần tử mảng đầu tiên được tìm thấy to hơn hoặc bằng 18, nó sẽ trả về kết quả. Bây giờ, xem đầu ra
________số 8Ftìm một phần tử trong mảng JavaScript
Để tìm xem một mảng có chứa một phần tử trong mảng JavaScript hay là không, hãy sử dụng phương thức mảng gồm có(). Javascript gồm có() là một hàm mảng tích hợp xác định xem một mảng có chứa phần tử được chỉ định hay là không. Nó trả về true nếu nó gồm có một phần tử, ngược lại là false, không gồm có phần tử trong mảng.
Kể từ ECMAScript 2022, tất cả chúng ta hoàn toàn có thể sử dụng hàm Javascript include().
Nếu bạn muốn tương hỗ IE hoặc những trình duyệt cũ khác, hãy thử đoạn mã sau
// app.js function include(arr,obj) return (arr.indexOf(obj) != -1);Trong đoạn mã trên, tất cả chúng ta đã sử dụng phương thức indexOf trong Javascript. Đây là cách tìm kiếm giá trị trong một mảng trong javascript.
Tìm đối tượng trong mảng JavaScript
Để tìm một đối tượng trong một mảng JavaScript, hãy sử dụng mảng. phương thức tìm(). Phương thức find() tìm kiếm đối tượng được đáp ứng bên trong mảng và nếu phương thức tìm thấy nó, nó sẽ trả về đối tượng
Tôi có một mảng những đối tượng không xác định, chứa Mảng những đối tượng được đặt tên và tất cả chúng ta cần lấy đối tượng có “tên” là “một chuỗi nào đó. ” Xem ví dụ lập trình sau
// app.js var data = [20, 18, 15, 10, 9]; var found = data.find(function(element) return element < 12; ); console.log(found);0Được rồi, trong đoạn mã trên, đầu tiên, tất cả chúng ta có một hàm do người tiêu dùng định nghĩa được gọi là hàm tìm kiếm, hàm này đồng ý hai đối số. Một là khóa đối tượng đầu vào và cái còn sót lại là một mảng đầu vào
Nó lặp lại inputArray và so sánh khóa với thuộc tính tên của Array. Nếu khớp thì trả về toàn bộ đối tượng. Xem đầu ra phía dưới
Chúng ta cũng hoàn toàn có thể sử dụng hàm find() để lấy giá trị tương tự. Xem đoạn mã sau
// app.js var data = [20, 18, 15, 10, 9]; var found = data.find(function(element) return element < 12; ); console.log(found);1Nó sẽ đáp ứng cho tất cả chúng ta cùng một đầu ra, nhưng nó ở hiệu suất cao mũi tên kiểu ES6
Tìm một chuỗi trong JavaScript
Để tìm một chuỗi trong JavaScript, hãy sử dụng phương thức string search(). Phương thức javascript search() tìm kiếm một chuỗi cho một giá trị rõ ràng và trả về vị trí của trận đấu. Giá trị tìm kiếm hoàn toàn có thể là một chuỗi hoặc một biểu thức chính quy. Phương thức này trả về -1 nếu không tìm thấy kết quả khớp.
Tìm số nguyên tố trong mảng
Ví dụ sau tìm phần tử trong mảng là số nguyên tố (hoặc trả về không xác định nếu không còn số nguyên tố)
// app.js var data = [20, 18, 15, 10, 9]; var found = data.find(function(element) return element < 12; ); console.log(found);2Xem đầu ra
// app.js var data = [20, 18, 15, 10, 9]; var found = data.find(function(element) return element < 12; ); console.log(found);3Sử dụng hiệu suất cao mũi tên ES6 và phá hủy
Chúng ta hoàn toàn có thể sử dụng hiệu suất cao mũi tên ES6 và phá hủy đối tượng trong Javascript với hiệu suất cao tìm() javascript. Mã trông rõ ràng hơn, ít lỗi hơn và dễ hiểu. Xem đoạn mã sau
// app.js var data = [20, 18, 15, 10, 9]; var found = data.find(function(element) return element < 12; ); console.log(found);4đầu ra// app.js var data = [20, 18, 15, 10, 9]; var found = data.find(function(element) return element < 12; ); console.log(found);5Nếu nữ diễn viên là Millie Bobby Brown trong đoạn mã trên, nó sẽ đáp ứng cho tất cả chúng ta đối tượng đó với hai thuộc tính;
Polyfill
Phương thức find() mảng JS đã được thêm vào đặc tả ECMAScript 2015 và hoàn toàn có thể không còn sẵn trong tất cả những triển khai JavaScript. Tuy nhiên, bạn hoàn toàn có thể sử dụng Mảng polyfill. nguyên mẫu. find() đoạn mã sau
// app.js var data = [20, 18, 15, 10, 9]; var found = data.find(function(element) return element < 12; ); console.log(found);6Nếu bạn muốn tương hỗ những công cụ JavaScript lỗi thời không tương hỗ Object. defineProperty, tốt nhất là tránh việc polyfill Mảng. nguyên mẫu, vì bạn không thể làm cho nó không đếm được
Hỗ trợ trình duyệt
TÍNH NĂNG HỖ TRỢ CƠ BẢNChrome45EdgeCóFirefox25Internet ExplorerKhôngOpera32Safari8Android WebViewCóChrome cho AndroidCóEdge di độngCóFirefox cho Android4Opera AndroidCóiOS Safari8Kết luận
Bài kiểm tra phải được đáp ứng dưới dạng chức năngPhương thức find() thực thi hàm gọi lại một lần cho từng phần tử trong mảng cho tới lúc tìm thấy giá trị trả về trueNếu không còn gì vượt qua bài kiểm tra, thì undefined được trả vềfind() không làm biến hóa hoặc thay đổi Mảng ban đầu. Vì vậy, nó là một hiệu suất cao thuần túyBất cứ lúc nào tất cả chúng ta cần lấy giá trị của phần tử đầu tiên trong mảng thỏa mãn hàm kiểm tra được đáp ứng, tất cả chúng ta sử dụng Array. phương thức find() trong JavaScriptBài viết đề xuất
Mảng Javascript isArray()
Mảng Javascript toString()
Đảo ngược mảng JavaScript ()
Giá trị mảng Javascript()
Mảng Javascript gồm có()
Meta
Bài viết trước Mảng JavaScript duy nhất. Cách sử dụng phương thức Array filter()
Bài viết tiếp theo Ý nghĩa Python. Cách tính giá trị trung bình bằng Python
kranal
https. //appdividend. com/
Krunal Lathiya là Kỹ sư phần mềm với hơn tám năm kinh nghiệm tay nghề. Anh ấy đã phát triển một nền tảng vững chắc về những nguyên tắc khoa học máy tính và niềm đam mê xử lý và xử lý vấn đề. Ngoài ra, Krunal có kiến thức tuyệt vời về Khoa học tài liệu và Học máy, đồng thời là Chuyên Viên về Ngôn ngữ Python. Krunal có kinh nghiệm tay nghề với nhiều ngôn từ lập trình và công nghệ tiên tiến rất khác nhau, gồm có PHP, R, Golang và JavaScript. Anh ấy cảm thấy thoải mái khi thao tác trong nghành phát triển front-end và back-end
Post a Comment