JavaScript是一门强大的语言,它提供了大量的内置函数,其中包括对字符串和数组的操作。除此之外,还有很多扩展函数可以用于处理字符串和数组。
本文将对常用的JavaScript字符串和数组扩展函数做一个小结。
JavaScript字符串扩展函数
1. startsWith()
startsWith()
方法用于判断一个字符串是否以指定的字符串开头。如果是,返回true
,否则返回false
。
示例代码:
const str = 'Hello world';
console.log(str.startsWith('Hello')); // true
console.log(str.startsWith('hello')); // false
2. endsWith()
endsWith()
方法用于判断一个字符串是否以指定的字符串结尾。如果是,返回true
,否则返回false
。
示例代码:
const str = 'Hello world';
console.log(str.endsWith('world')); // true
console.log(str.endsWith('World')); // false
3. includes()
includes()
方法用于判断一个字符串是否包含指定的字符串。如果包含,返回true
,否则返回false
。
示例代码:
const str = 'Hello world';
console.log(str.includes('world')); // true
console.log(str.includes('World')); // false
4. repeat()
repeat()
方法用于将一个字符串重复指定的次数并返回新的字符串。
示例代码:
const str = 'Hello';
console.log(str.repeat(3)); // 'HelloHelloHello'
5. padStart()
和padEnd()
padStart()
和padEnd()
方法用于在字符串的开头或结尾添加指定的字符,使字符串达到指定的长度。
示例代码:
const str = '123';
console.log(str.padStart(5, '0')); // '00123'
console.log(str.padEnd(5, '0')); // '12300'
JavaScript数组扩展函数
1. find()
find()
方法用于返回数组中第一个符合要求的元素,如果没有找到,则返回undefined
。
示例代码:
const arr = [1, 2, 3, 4, 5];
const result = arr.find(item => item > 3);
console.log(result); // 4
2. findIndex()
findIndex()
方法用于返回数组中第一个符合要求的元素的索引值,如果没有找到,则返回-1
。
示例代码:
const arr = [1, 2, 3, 4, 5];
const index = arr.findIndex(item => item > 3);
console.log(index); // 3
3. includes()
includes()
方法用于判断数组是否包含指定的元素。如果包含,返回true
,否则返回false
。
示例代码:
const arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false
4. flat()
flat()
方法用于将一个数组扁平化,即将嵌套的数组转为一个一维数组。
示例代码:
const arr = [1, [2, 3], [4, 5, [6]]];
console.log(arr.flat()); // [1, 2, 3, 4, 5, 6]
5. flatMap()
flatMap()
方法结合了map()
和flat()
,对数组的每个元素执行指定的操作后,并将结果扁平化到一个新数组中。
示例代码:
const arr = [1, 2, 3];
const result = arr.flatMap(item => [item, item * 2]);
console.log(result); // [1, 2, 2, 4, 3, 6]
以上就是几个常用的JavaScript字符串和数组扩展函数。
注意: 由于一些老旧浏览器(例如IE)并不支持这些特性,因此在使用时需要进行相应的兼容处理。可以使用Babel等工具进行编译转换。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript常用字符串与数组扩展函数小结 - Python技术站