JavaScript 常见及必备方法大全

更新时间:2024-04-21 11:37:39   人气:7461
在深入探讨 JavaScript 的世界中,掌握一些常见且必不可少的方法是每个开发者提升效率和优化代码的关键。以下将列举并详细阐述一部分核心的、实用性强的JavaScript方法。

1. **数组操作**
- `Array.prototype.push()`:此方法用于向数组末尾添加一个或多个元素,并返回新的长度。

javascript

let arr = [1, 2];
arr.push(3); // 返回值为3,此时arr变为[1, 2, 3]


- `Array.prototype.map()`: 这是一个遍历型函数,对数组中的每一项运行给定函数后产生一个新的数组,原数组不受影响。

javascript

const numbers = [1, 2, 3];
numbers.map(number => number * 2)
// 结果为新数组 [2, 4, 6] ,原始数组不变


- `Array.prototype.filter()` : 根据提供的测试函数过滤出符合条件的所有元素组成的新数组。

javascript

var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction'];
words.filter(word => word.length > 7);
//结果会得到包含"exuberant", "destruction"两个长于七字符单词的新数组


2. **字符串处理**
- `.split()` 方法基于指定分隔符(可以为空格)把字符串分割成子串构成的数组:

javascript

var myString = "Hello World!";
myString.split(" "); // ["Hello","World!"]


- `.trim()` 删除字符串两端空白:

javascript

var str = " Hello world! ";
str.trim(); // "Hello world!"


3. **对象与属性访问**

- `Object.keys(obj)` 或者`for...in`循环可用于获取对象所有可枚举属性名组成的数组:

javascript

let obj = {a: 1, b: 5};
Object.keys(obj); // 输出 ["a", "b"]

for (key in obj){
console.log(key); // 分别输出"a" 和 "b"
}


- 使用`.hasOwnProperty(propName)`来检查对象自身是否具有某个特定名称的属性而非继承自原型链上的属性:

javascript

obj.hasOwnProperty('a'); // true


4. **条件判断与逻辑运算**

- ` Array.includes(valueToFind[, fromIndex])` 可以用来检测数组是否包含某一项

javascript

['apple', 'banana'].includes('apple') //true


- 三元表达式提供简洁高效的有条件赋值方式:

javascript

let x = condition ? valueIfTrue : valueIfFalse;


以上只是众多JavaScript常用及必备方法的一小部分展示,在实际开发过程中还有更多诸如JSON.parse/stringify进行数据格式转换,Date相关API等重要功能等待我们去发掘利用。熟练运用这些基础但强大的内置方法能够显著提高我们的编程效能以及写出更加优雅易读的JS代码。同时,请不断跟进ECMAScript规范更新带来的新特性与方法以便与时俱进地丰富你的工具箱。