JavaScript中的includes方法

JavaScript中的includes方法

在JavaScript中,我们经常需要检查一个字符串是否包含另一个字符串。为了实现这个功能,JavaScript提供了includes方法。includes方法用于判断一个字符串是否包含另一个字符串,并返回true或false。

基本用法

下面是includes方法的基本用法示例:

const str = 'deepinout.com';
const subStr = 'deepin';

console.log(str.includes(subStr)); // true

Output:

JavaScript中的includes方法

在上面的示例中,我们定义了一个字符串str,然后使用includes方法判断这个字符串是否包含subStr,结果为true。

不区分大小写

includes方法默认是区分大小写的,如果我们想要不区分大小写地判断字符串是否包含另一个字符串,可以使用toLowerCasetoUpperCase方法将字符串转换为小写或大写再进行判断。

const str = 'deepinout.com';
const subStr = 'DEEPIN';

console.log(str.toLowerCase().includes(subStr.toLowerCase())); // true

Output:

JavaScript中的includes方法

多个子字符串

includes方法也可以判断一个字符串是否包含多个子字符串,只要其中一个子字符串存在即返回true。

const str = 'deepinout.com';
const subStr1 = 'deepin';
const subStr2 = 'out';

console.log(str.includes(subStr1, subStr2)); // true

Output:

JavaScript中的includes方法

使用正则表达式

除了普通的字符串,includes方法也可以判断一个字符串是否包含符合正则表达式的子字符串。

const str = 'deepinout.com';
const regExp = /deepin/;

console.log(str.includes(regExp)); // true

返回值

includes方法返回一个布尔值,表示是否包含指定的字符串。

const str = 'deepinout.com';
const subStr = 'deepin';

const result = str.includes(subStr);
console.log(result); // true

Output:

JavaScript中的includes方法

处理空字符串

includes方法也可以用来判断一个字符串是否包含空字符串。

const str = 'deepinout.com';
const subStr = '';

console.log(str.includes(subStr)); // true

Output:

JavaScript中的includes方法

处理特殊字符

includes方法可以处理包含特殊字符的字符串。

const str = 'deepinout.com';
const subStr = '.com';

console.log(str.includes(subStr)); // true

Output:

JavaScript中的includes方法

处理Unicode字符

includes方法也可以处理包含Unicode字符的字符串。

const str = 'deepinout.com';
const subStr = 'deepinout.com';

console.log(str.includes(subStr)); // true

Output:

JavaScript中的includes方法

处理空格

includes方法可以处理包含空格的字符串。

const str = 'deepinout.com';
const subStr = ' ';

console.log(str.includes(subStr)); // false

Output:

JavaScript中的includes方法

处理特殊情况

includes方法可以处理一些特殊情况,比如空字符串和undefined。

const str = 'deepinout.com';
const subStr1 = '';
const subStr2 = undefined;

console.log(str.includes(subStr1)); // true
console.log(str.includes(subStr2)); // false

Output:

JavaScript中的includes方法

处理数组

includes方法也可以处理数组,判断一个数组是否包含某个元素。

const arr = ['deepin', 'out', 'com'];
const subStr = 'out';

console.log(arr.includes(subStr)); // true

Output:

JavaScript中的includes方法

处理对象

includes方法也可以处理对象,判断一个对象是否包含某个属性。

const obj = { name: 'deepin', website: 'deepinout.com' };
const subStr = 'website';

console.log(Object.keys(obj).includes(subStr)); // true

Output:

JavaScript中的includes方法

处理数字

includes方法也可以处理数字,判断一个数字是否包含在另一个数字中。

const num = 12345;
const subNum = 34;

console.log(num.toString().includes(subNum.toString())); // true

Output:

JavaScript中的includes方法

处理布尔值

includes方法也可以处理布尔值,判断一个布尔值是否包含在另一个布尔值中。

const bool = true;
const subBool = false;

console.log(bool.toString().includes(subBool.toString())); // true

Output:

JavaScript中的includes方法

处理日期

includes方法也可以处理日期,判断一个日期是否包含在另一个日期中。

const date = new Date('2022-01-01');
const subDate = '2022';

console.log(date.toString().includes(subDate)); // true

Output:

JavaScript中的includes方法

处理函数

includes方法也可以处理函数,判断一个函数是否包含在另一个函数中。

const func1 = function() {
  console.log('deepinout.com');
};
const func2 = function() {
  console.log('deepin');

console.log(func1.toString().includes(func2.toString())); // true

处理正则表达式

includes方法也可以处理正则表达式,判断一个正则表达式是否包含在另一个正则表达式中。

const regExp1 = /deepin/;
const regExp2 = /out/;

console.log(regExp1.toString().includes(regExp2.toString())); // true

Output:

JavaScript中的includes方法

处理Symbol

includes方法也可以处理Symbol,判断一个Symbol是否包含在另一个Symbol中。

const sym1 = Symbol('deepin');
const sym2 = Symbol('out');

console.log(sym1.toString().includes(sym2.toString())); // true

Output:

JavaScript中的includes方法

处理Map

includes方法也可以处理Map,判断一个Map是否包含在另一个Map中。

const map1 = new Map([[1, 'deepin'], [2, 'out']]);
const map2 = new Map([[1, 'deepin']]);

console.log(map1.toString().includes(map2.toString())); // true

Output:

JavaScript中的includes方法

处理Set

includes方法也可以处理Set,判断一个Set是否包含在另一个Set中。

const set1 = new Set(['deepin', 'out']);
const set2 = new Set(['deepin']);

console.log(set1.toString().includes(set2.toString())); // true

Output:

JavaScript中的includes方法

总结:includes方法是JavaScript中用于判断一个字符串是否包含另一个字符串的方法,可以处理各种类型的数据,非常灵活和方便。

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程