{"id":6540,"date":"2023-01-08T21:37:48","date_gmt":"2023-01-08T13:37:48","guid":{"rendered":"https:\/\/badgameshow.com\/steven\/?p=6540"},"modified":"2023-01-08T21:37:48","modified_gmt":"2023-01-08T13:37:48","slug":"%e4%ba%86%e8%a7%a3reactlist%e4%b8%ad%e6%b1%82%e7%9b%b8%e9%97%9c%e7%b3%bb%e6%95%b8%e7%9a%84%e6%96%b9%e6%b3%95-2","status":"publish","type":"post","link":"https:\/\/badgameshow.com\/steven\/react-js\/%e4%ba%86%e8%a7%a3reactlist%e4%b8%ad%e6%b1%82%e7%9b%b8%e9%97%9c%e7%b3%bb%e6%95%b8%e7%9a%84%e6%96%b9%e6%b3%95-2\/","title":{"rendered":"\u4e86\u89e3ReactList\u4e2d\u6c42\u76f8\u95dc\u7cfb\u6578\u7684\u65b9\u6cd5"},"content":{"rendered":"

<\/p>\n

\u4f7f\u7528 React.JS \u6c42\u51fa React List \u7684\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)<\/h1>\n

React.JS \u662f\u4e00\u500b\u7531 Facebook \u6240\u958b\u767c\u7684 JavaScript \u51fd\u5f0f\u5eab\uff0c\u53ef\u4ee5\u8b93\u958b\u767c\u8005\u5efa\u7acb\u51fa\u9ad8\u6548\u80fd\u7684\u7db2\u9801\u61c9\u7528\u7a0b\u5f0f\u3002React List \u662f React.JS \u7684\u4e00\u500b\u6a21\u7d44\uff0c\u53ef\u4ee5\u8b93\u958b\u767c\u8005\u5feb\u901f\u5efa\u7acb\u51fa\u5217\u8868\u7684\u61c9\u7528\u7a0b\u5f0f\u3002\u672c\u6587\u5c07\u4ecb\u7d39\u5982\u4f55\u4f7f\u7528 React.JS \u4f86\u6c42\u51fa React List \u7684\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)\u3002<\/p>\n

\u4ec0\u9ebc\u662f\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)<\/h2>\n

\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)\u662f\u4e00\u500b\u6578\u503c\uff0c\u7528\u4f86\u8861\u91cf\u5169\u500b\u8b8a\u6578\u4e4b\u9593\u7684\u7dda\u6027\u95dc\u4fc2\u3002\u5b83\u7684\u503c\u4ecb\u65bc -1 \u5230 1 \u4e4b\u9593\uff0c\u82e5\u70ba 0 \u5247\u8868\u793a\u5169\u500b\u8b8a\u6578\u4e4b\u9593\u6c92\u6709\u4efb\u4f55\u95dc\u4fc2\uff0c\u82e5\u70ba 1 \u6216 -1 \u5247\u8868\u793a\u5169\u500b\u8b8a\u6578\u4e4b\u9593\u6709\u5b8c\u5168\u6b63\u5411\u6216\u5b8c\u5168\u53cd\u5411\u7684\u95dc\u4fc2\u3002<\/p>\n

\u5982\u4f55\u4f7f\u7528 React.JS \u6c42\u51fa React List \u7684\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)<\/h2>\n

\u8981\u4f7f\u7528 React.JS \u6c42\u51fa React List \u7684\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)\uff0c\u9996\u5148\u9700\u8981\u5148\u5efa\u7acb\u4e00\u500b React List \u7684\u61c9\u7528\u7a0b\u5f0f\uff0c\u4e26\u5c07\u8cc7\u6599\u586b\u5165 React List \u4e2d\u3002\u63a5\u8457\uff0c\u53ef\u4ee5\u4f7f\u7528 React.JS \u7684\u51fd\u5f0f\u5eab\u4f86\u8a08\u7b97\u51fa React List \u7684\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)\u3002<\/p>\n

\n\/\/ \u5f15\u5165 React.JS \u51fd\u5f0f\u5eab\nimport React from 'react';\n\n\/\/ \u5efa\u7acb React List \u61c9\u7528\u7a0b\u5f0f\nclass ReactList extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      data: [\n        { x: 1, y: 2 },\n        { x: 2, y: 4 },\n        { x: 3, y: 6 },\n        { x: 4, y: 8 },\n        { x: 5, y: 10 }\n      ]\n    };\n  }\n\n  \/\/ \u8a08\u7b97 React List \u7684\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)\n  calculateCorrelationCoefficient() {\n    let xSum = 0;\n    let ySum = 0;\n    let xySum = 0;\n    let x2Sum = 0;\n    let y2Sum = 0;\n    let n = this.state.data.length;\n\n    this.state.data.forEach(item => {\n      xSum += item.x;\n      ySum += item.y;\n      xySum += item.x * item.y;\n      x2Sum += item.x * item.x;\n      y2Sum += item.y * item.y;\n    });\n\n    let correlationCoefficient =\n      (n * xySum - xSum * ySum) \/\n      Math.sqrt(\n        (n * x2Sum - xSum * xSum) * (n * y2Sum - ySum * ySum)\n      );\n\n    return correlationCoefficient;\n  }\n\n  render() {\n    return (\n      
\n        
React List \u7684\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)\u70ba\uff1a<\/h3>\n        {this.calculateCorrelationCoefficient()}\n      <\/div>\n    );\n  }\n}\n\nexport default ReactList;\n<\/pre>\n
\u4e0a\u9762\u7684\u7a0b\u5f0f\u78bc\u53ef\u4ee5\u8a08\u7b97\u51fa React List \u7684\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)\uff0c\u4e26\u5c07\u7d50\u679c\u986f\u793a\u5728 React List \u61c9\u7528\u7a0b\u5f0f\u4e2d\u3002<\/p>\n
<\/p>\n
\u7e3d\u7d50<\/h2>\n
\u672c\u6587\u4ecb\u7d39\u4e86\u5982\u4f55\u4f7f\u7528 React.JS \u4f86\u6c42\u51fa React List \u7684\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)\u3002React.JS \u7684\u51fd\u5f0f\u5eab\u53ef\u4ee5\u8b93\u958b\u767c\u8005\u5feb\u901f\u5efa\u7acb\u51fa\u9ad8\u6548\u80fd\u7684\u61c9\u7528\u7a0b\u5f0f\uff0c\u4e26\u8a08\u7b97\u51fa React List \u7684\u76f8\u95dc\u7cfb\u6578(correlationCoefficient)\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u6587\u7ae0\u6458\u8981\uff1a\u672c\u6587\u5c07\u4ecb\u7d39ReactList\u4e2d\u6c42\u53d6\u76f8\u95dc\u7cfb\u6578\u7684\u65b9\u6cd5\uff0c\u8a73\u7d30\u89e3\u91cb\u5982\u4f55\u4f7f\u7528ReactList\u4e2d\u7684methods()\u51fd\u6578\u4f86\u6c42\u53d6\u76f8\u95dc\u7cfb\u6578\uff0c\u4ee5\u53ca\u5982\u4f55\u5229\u7528\u76f8\u95dc\u7cfb\u6578\u4f86\u5206\u6790\u8cc7\u6599\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[184,183],"tags":[182,181],"class_list":["post-6540","post","type-post","status-publish","format-standard","hentry","category-react","category-react-js","tag-react","tag-react-js"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_shortlink":"https:\/\/wp.me\/pcFK27-1Hu","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/badgameshow.com\/steven\/wp-json\/wp\/v2\/posts\/6540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/badgameshow.com\/steven\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/badgameshow.com\/steven\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/badgameshow.com\/steven\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/badgameshow.com\/steven\/wp-json\/wp\/v2\/comments?post=6540"}],"version-history":[{"count":1,"href":"https:\/\/badgameshow.com\/steven\/wp-json\/wp\/v2\/posts\/6540\/revisions"}],"predecessor-version":[{"id":6541,"href":"https:\/\/badgameshow.com\/steven\/wp-json\/wp\/v2\/posts\/6540\/revisions\/6541"}],"wp:attachment":[{"href":"https:\/\/badgameshow.com\/steven\/wp-json\/wp\/v2\/media?parent=6540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/badgameshow.com\/steven\/wp-json\/wp\/v2\/categories?post=6540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/badgameshow.com\/steven\/wp-json\/wp\/v2\/tags?post=6540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}