这是我参与11月更文挑战的第19天，活动详情查看：2021最后一次更文挑战
写在前面：
- 个人前端网站：zhangqiang.hk.cn
- 欢迎加入博主的前端学习qq交流群：：706947563，专注前端开发，共同学习进步！
1 题目
罗马数字包含以下七种字符: I， V， X， L，C，D 和 M。
**字符** **数值**
I 1
V 5
X 10
L 50
C 100
D 500
M 1000
例如， 罗马数字 2 写做 II ，即为两个并列的 1 。12 写做 XII ，即为 X + II 。 27 写做 XXVII, 即为 XX + V + II 。
通常情况下，罗马数字中小的数字在大的数字的右边。但也存在特例，例如 4 不写做 IIII，而是 IV。数字 1 在数字 5 的左边，所表示的数等于大数 5 减小数 1 得到的数值 4 。同样地，数字 9 表示为 IX。这个特殊的规则只适用于以下六种情况：
- I 可以放在 V (5) 和 X (10) 的左边，来表示 4 和 9。
- X 可以放在 L (50) 和 C (100) 的左边，来表示 40 和 90。
- C 可以放在 D (500) 和 M (1000) 的左边，来表示 400 和 900。
给定一个罗马数字，将其转换成整数。
示例 1：
输入: s = "III"
输出: 3
示例 2：
输入: s = "IV"
输出: 4
示例 3：
输入: s = "IX"
输出: 9
示例4：
输入: s = "LVIII"
输出: 58
解释: L = 50, V= 5, III = 3.
示例5：
输入: s = "MCMXCIV"
输出: 1994
解释: M = 1000, CM = 900, XC = 90, IV = 4.
提示：
- 1 <= s.length <= 15
- s 仅含字符 ('I', 'V', 'X', 'L', 'C', 'D', 'M')
- 题目数据保证 s 是一个有效的罗马数字，且表示整数在范围 [1, 3999] 内
- 题目所给测试用例皆符合罗马数字书写规则，不会出现跨位等情况。
- IL 和 IM 这样的例子并不符合题目要求，49 应该写作 XLIX，999 应该写作 CMXCIX 。
- 关于罗马数字的详尽书写规则，可以参考 罗马数字 - Mathematics 。
2 个人解析
2.1 思路
第一眼看到这题内心想法： 罗马数字？我知道 I 、II 、III，哦好像有个 IV这样的，怎么还有怎么多表示？让我来看一下到底是个啥？
看了好多眼以后： 哦~~~ 这样啊，那么我该怎么表示这些数之间的关系呢？如何比较出他们之间的大小呢？嗯，可以建个对象，然后对象的key作为标记，value作为number值，好开始，show code~
2.2 代码
/**
* @param {string} s
* @return {number}
*/
var romanToInt = function(s) {
let obj = {
'I':1,
'V':5,
'X':10,
'L':50,
'C':100,
'D':500,
'M':1000
};
let sum=0;
for(let i=0;i<s.length;i++){
if(i+1<s.length && obj[s[i]]<obj[s[i+1]]){
sum=sum+obj[s[i+1]]-obj[s[i]];
i++;
continue;
}
sum=sum+obj[s[i]];
}
return sum;
};
3 彩蛋 react ref使用实例
一般情况下，实例是与对应的元素相对应，比如<input />这个元素，里面的focus()这个事件，一般只能在input里面才能调用，但是用了react里面的ref，就可以在任意位置调用啦！button的onClick()里面，或者是其他组件里面，都可以！下面来看下官方代码吧：
import React,{useState,useRef,useEffect} from "react";
function TextInputWithFocusButton() {
const inputEl = useRef(null);
const onButtonClick = () => {
// `current` 指向已挂载到 DOM 上的文本输入元素
inputEl.current.focus();
};
return (
<>
<input ref={inputEl} type="text" />
<button onClick={onButtonClick}>Focus the input</button>
</>
);
}
