zoukankan      html  css  js  c++  java
  • JS中根据对象某个属性的值来获取其他属性的值

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8">
     5         <title></title>
     6     </head>
     7     <body>
     8         <script type="text/javascript">
     9             // 根据对象某个属性的值来获取其他属性的值
    10             let arr = [
    11                 {
    12                     key: 1,
    13                     value: '地址'
    14                 },
    15                 {
    16                     key: 2,
    17                     value: '姓名'
    18                 },
    19                 {
    20                     key: 3,
    21                     value: '年龄'
    22                 },
    23                 {
    24                     key: 4,
    25                     value: '电话'
    26                 }
    27             ]
    28             let a = [1, 2, 3]
    29             let b = []
    30             // 第二种:使用find方法寻找,个人推荐这种方式
    31             for (let i = 0; i < a.length; i++) {
    32                 arr.find((obj) => {
    33                     if (obj.key == a[i]) {
    34                         b.push({
    35                             label: obj.value,
    36                             key: i
    37                         })
    38                     }
    39                 })
    40             }
    41             console.log(b)
    42 
    43             // 第一种:使用for嵌套循环,需要注意性能优化,将循环次数少的放在外面
    44             for (let i = 0; i < a.length; i++) {
    45                 for (let j = 0; j < arr.length; j++) {
    46                     if (a[i] == arr[j].key) {
    47                         console.log(arr[j].value)
    48                     }
    49                 }
    50             }
    51         </script>
    52     </body>
    53 </html>
  • 相关阅读:
    Babelfish
    【动态规划】货币面值
    contest 1.18
    contest 1.17
    contest 1.16
    contest 1.15
    contest 1.14
    contest 1.13
    contest 12.31
    [cf]Round #529 (Div. 3)
  • 原文地址:https://www.cnblogs.com/lyt520/p/13636020.html
Copyright © 2011-2022 走看看