一. String
const str = 'hello world!';
1. 查询
1.1 indexOf
返回指定字符串值在字符串中首次出现的位置,没有找到则返回 -1
const n = str.indexOf('world')
1.2 includes
用于判断字符串是否包含指定的子字符串。如果找到匹配的字符串则返回 true,否则返回 false。
const n = str.includes('world')
2. 编辑
2.1 concat
用于连接多个字符串
const str1 = 'Hello';
const str2 = 'world';
const str = str1.concat(' ', str2, '!');
2.2 replace / replaceAll
const str = "Hello, world! Hello, everyone!";
- replace() 方法会替换与正则表达式或字符串参数匹配的第一个字符串。如果要替换所有字符串,需要在正则表达式后加
g
;如果不区分大小写,需要在正则表达式之后加i
。
const newStr1 = str.replace("Hello", "Hi"); // "Hi, world! Hello, everyone!"
const newStr2 = str.replace(/Hello/g, "Hi"); // "Hi, world! Hi, everyone!"
- replaceAll() 方法会替换字符串中所有与给定值匹配的子串,无论该值出现多少次。
const newStr = str.replaceAll("Hello", "Hi"); // "Hi, world! Hi, everyone!"
2.3 substring / slice / substr
-
substring(startIndex, endIndex) 方法返回字符串中两个指定的下标之间的字符。子字符串包括 startIndex 的字符,不包括 endIndex 的字符,并且两个下标值不能为负数。
默认情况下,startIndex 小于 endIndex,否则 substring 会交换参数位置,也就是说 substring(5, 0) 相当于 substring(0, 5)。
const newStr = str.substring(0, 5); // 'Hello'
-
slice(startIndex, endIndex) 方法也用于提取两个下标之间的字符。区别在于,两个下标值都可以为负数,负数表示从尾部开始截取。
默认情况下,startIndex 小于 endIndex,slice(5) 相当于 slice(0, 5),slice(-6) 相当于 slice(-6, 0)。如果相反,会返回空字符。
const newStr = str.slice(-6, -1); // 'world'
- substr(startIndex, n) 方法用于从起始位置开始提取指定数量的字符。
const newStr = str.substr(6, 5); // 'world'
2.4 split
用于将一个字符串分割成字符串数组。
const ss = str.split(' '); // ['Hello', 'world!']
二. Array
const fruits = [ "Banana", "Orange", "Apple", "Mango"];
1. 查询
1.1 isArray
用于判断一个对象是否为数组。
Array.isArray(fruits); //true
1.2 includes
用于判断列表中是否有某个指定的值。
fruits.includes('Apple'); // true
1.3 indexOf
返回数组中某个指定元素的位置,如果没找到指定元素则返回 -1
const index = fruits.indexOf('Apple'); // 2
2. 编辑
2.1 concat
用于拼接两个或多个数组,返回新数组
const a = ["Banana", "Orange", "Apple"];
const b = ["Lemon","Pineapple"];
const c = a.concat(b); // ["Banana", "Orange", "Apple", "Lemon","Pineapple"]
2.2 push / unshift
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
fruits.unshift("Lemon","Pineapple"); // 6
// fruits = ["Lemon","Pineapple", "Banana", "Orange", "Apple", "Mango"]
2.3 pop / shift
pop() 方法删除数组的最后一个元素并返回。
shift() 方法删除数组的第一个元素并返回。
fruits.pop(); // Mango
// fruits = [ "Banana", "Orange", "Apple"]
注意, push / unshift / pop / shift 这几种方法都会改变原数组。
2.4 slice
slice(start, end) 返回从原有数组中提取出两个下标之间的元素,返回新数组。包含 start 位置元素,不包含 end 位置元素。
const newFruits = fruits.slice(1, 3); // ["Orange", "Apple"]
2.5 join
用于将数组中的元素通过指定的分割符转换成字符串。
const str = fruits.join('-'); // 'Banana-Orange-Apple-Mango'
3. 循环
const arr = [1, 2, 3, 4, 6];
3.1 forEach
forEach 方法用于遍历数组的每个元素,并执行提供的函数。
arr.forEach((item, index, arr) => { // item:当前元素, index: 当前元素的索引, arr: 列表对象
if (item === 3) return; // 跳过3
console.log(item)
})
forEach 方法不改变原数组,不能中断或跳出循环(没有 break 或 continue),可以使用 return 语句来实现 continue 关键字的效果。
3.2 map
map 方法返回一个新数组,新数组中的元素是原始数组中每个元素调用函数处理后的返回值。
const newArr = arr.map((item, index, arr) => {
return item * 2;
}) // [2, 4, 6, 8, 10]
3.3 filter
filter 方法创建一个新数组,新数组中的元素是原数组中符合条件的元素。
const newArr = arr.filter(item => item > 2); // [3, 4, 5]
3.4 some / every
这两个方法用于测试数组中的某些或所有元素是否满足特定条件。
some:只要有一个元素满足条件,就返回true。
every:所有元素都必须满足条件,才返回true。
const hasEven = arr.some(item => item % 2 === 0); // true
const areAllEven = arr.every(item => item % 2 === 0); // false
3.5 reduce
reduce 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
initialValue:可选,传递给函数的初始值
// 计算数组元素的总和
const arr = [1, 2, 3, 4, 6];
const sum = arr.reduce((total, item) => total + item, 0);
// 将对象数组转换为对象
const users = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' }
];
const userById = users.reduce((userObj, item) => {
userObj[item.id] = item.name;
return userObj;
}, {});
// {'1': 'Alice', '2': 'Bob', '3': 'Charlie' }
三. Object
1. 查询
1.1 hasOwnProperty
hasOwnProperty() 用于检查对象自身属性(实例)中是否含有某个属性,无法找到原型上的属性。
in 操作符也可以用于检查对象中是否还有某个属性,不管是在实例中还是原型中。
Object.prototype.num = 1; // 在Object原型上添加了属性num,由于原型链的继承机制,所有对象都会继承num属性
const obj = {key: 'value'};
obj.hasOwnProperty('key'); // true
obj.hasOwnProperty('num'); // false
'key' in obj; // true
'num' in obj: // true
2. 循环
2.1 entries / keys / values
用于遍历对象的键值对 / 键名 / 键值
let obj = { one: 1, two: 2 };
Object.keys(obj); // ['one', 'two']
Object.values(obj); // [1, 2]
Object.entries(obj); // [['one', 1], ['two', 2]]