ES6—字符串变化

一、ES6 新增方法:startsWith()、endsWith()、repeat()

1、startsWith()

判断一个字符串是否以一个指定的子字符串开头,根据结果返回true/false

const str1='welcome to BeiJing'
console.log(str1.startsWith('a'))   // false
console.log(str1.startsWith('wel')) // true

2、endsWith()

判断一个字符串是否以一个指定的子字符串结尾,根据结果返回true/false 

const str1='welcome to BeiJing'
console.log(str1.endsWith('a'))     // false
console.log(str1.endsWith('ing'))   // true

3、repeat()

构造并返回一个新字符串,其中包含指定数量的所调用的字符串副本,这些副本连接在一起

const str2='happy!'
console.log(`I'm so ${str2.repeat(3)}!!`)  //I'm so happy!happy!happy!!!

 二、match()方法

检索字符串与正则表达式进行匹配的结果

const paragraph='The quick brown fox jumps over the lazy dog. It barked.'
const reg=/[^(a-z)]/g
const found=paragraph.match(reg)
console.log(found)

三、search()方法 

用于在 String 对象中执行正则表达式的搜索,寻找匹配项

const paragraph='The quick brown fox jumps over the lazy dog. It barked.'
const reg2=/[^\w\s]/g
console.log(paragraph.search(reg2)) // 43
console.log(paragraph.indexOf('.')) // 43

  • 10
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是代码实现: ```jsx class App extends React.Component { constructor(props) { super(props); this.state = { a: "", b: "", c: "" }; } handleChange = (event) => { const { name, value } = event.target; this.setState({ [name]: value }); }; componentDidUpdate(prevProps, prevState) { const { a, b, c } = this.state; if ( (a === "正财" && b === "正财" && c === "偏财") || (a === "正财" && b === "偏财" && c === "正财") || (a === "偏财" && b === "正财" && c === "正财") ) { console.log("成功"); } } render() { return ( <div> <label htmlFor="a">变量a:</label> <select name="a" id="a" onChange={this.handleChange}> <option value="">请选择</option> <option value="正财">正财</option> <option value="偏财">偏财</option> </select> <br /> <label htmlFor="b">变量b:</label> <select name="b" id="b" onChange={this.handleChange}> <option value="">请选择</option> <option value="正财">正财</option> <option value="偏财">偏财</option> </select> <br /> <label htmlFor="c">变量c:</label> <select name="c" id="c" onChange={this.handleChange}> <option value="">请选择</option> <option value="正财">正财</option> <option value="偏财">偏财</option> </select> </div> ); } } ReactDOM.render(<App />, document.getElementById("root")); ``` 代码说明: 1. 我们定义了三个变量 a、b、c,初始值为空字符串。 2. 在组件渲染时,我们渲染了三个下拉框,分别对应变量 a、b、c。当下拉框的值发生变化时,我们使用 `handleChange` 方法更新相应的变量。 3. 在 `componentDidUpdate` 方法中,我们判断是否满足“两个变量里的字符串为正财,另一个变量里的字符串为偏财”的条件,如果满足,就打印“成功”。 4. 注意,在 `componentDidUpdate` 方法中,我们使用了解构赋值来获取变量 a、b、c 的最新状态,以便进行判断。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值