javascript是一种用于网页中添加动态效果和交互性的编程语言。它具有众多有用的方法,这些方法可用于操作网页中的元素、处理字符串和数值以及创建时间间隔和动画效果等。在本篇文章中,我们将讨论javascript中的一些重要方法,以及它们的使用方法和示例。
一、字符串方法
- .length
该方法可以返回任何字符串的长度。
示例:
let string = "Hello World";
console.log(string.length); // 输出结果为:11
- .charAt()
该方法可返回指定索引处的字符。
示例:
let string = "Hello World";
console.log(string.charAt(3)); // 输出结果为:'l'
- .concat()
该方法可将一个或多个字符串连接起来,并返回新的字符串。
示例:
let string1 = "Hello";
let string2 = "World";
console.log(string1.concat(" ", string2)); // 输出结果为:"Hello World"
立即学习“Java免费学习笔记(深入)”;
- .indexOf()
该方法可返回字符串中第一个匹配项的位置,如果找不到匹配项则返回-1。
示例:
let string = "Hello World";
console.log(string.indexOf("o")); // 输出结果为:4
- .replace()
该方法可替换字符串中的文本。
示例:
let string = "Hello World";
console.log(string.replace("World", "JavaScript")); // 输出结果为:"Hello JavaScript"
- .slice()
该方法可返回字符串的指定部分。
示例:
let string = "Hello World";
console.log(string.slice(1, 5)); // 输出结果为:"ello"
二、数组方法
- .length
该方法可以返回数组的长度。
示例:
let array = [1, 2, 3, 4, 5];
console.log(array.length); // 输出结果为:5
- .push()
该方法可向数组末尾添加一个或多个元素,并返回新的长度值。
示例:
let array = [1, 2, 3, 4, 5];
console.log(array.push(6)); // 输出结果为:6
- .pop()
该方法可删除数组末尾的元素,并返回被删除的元素。
示例:
let array = [1, 2, 3, 4, 5];
console.log(array.pop()); // 输出结果为:5
- .join()
该方法可将数组的所有元素合并为一个字符串。
示例:
let array = [1, 2, 3, 4, 5];
console.log(array.join(",")); // 输出结果为:"1,2,3,4,5"
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供A
- .splice()
该方法可从数组中添加或删除元素。
示例:
let array = [1, 2, 3, 4, 5];
array.splice(2, 0, "a", "b");
console.log(array); // 输出结果为:[1, 2, "a", "b", 3, 4, 5]
- .sort()
该方法可对数组进行排序。
示例:
let array = [3, 1, 4, 2, 5];
console.log(array.sort()); // 输出结果为:[1, 2, 3, 4, 5]
三、数值方法
- .valueOf()
该方法可返回数值的原始值。
示例:
let num = 123;
console.log(num.valueOf()); // 输出结果为:123
- .toString()
该方法可将数值转换为字符串类型。
示例:
let num = 123;
console.log(num.toString()); // 输出结果为:"123"
- .toFixed()
该方法可将数值保留指定的小数位数。
示例:
let num = 3.14159;
console.log(num.toFixed(2)); // 输出结果为:"3.14"
- .parseInt()
该方法可将字符串转换为整数类型。
示例:
let string = "123";
console.log(parseInt(string)); // 输出结果为:123
- .parseFloat()
该方法可将字符串转换为浮点数类型。
示例:
let string = "3.14159";
console.log(parseFloat(string)); // 输出结果为:3.14159
四、事件方法
- .addEventListener()
该方法可为指定元素添加事件监听器。
示例:
let button = document.querySelector("button");
button.addEventListener("click", function() {
console.log("Hello World");
});
- .removeEventListener()
该方法可为指定元素移除事件监听器。
示例:
let button = document.querySelector("button");
function handleClick() {
console.log("Hello World");
}
button.addEventListener("click", handleClick);
button.removeEventListener("click", handleClick);
以上就是JavaScript中一些常用的方法。当然还有很多其他方法,但掌握上述的方法就能帮助我们在Web开发中更加得心应手。










