javascript 各种方法

JavaScript 是一个广泛使用的编程语言，它可以应用于 Web 开发、游戏开发、移动应用开发等许多领域。在 JavaScript 开发中，方法是非常重要的一部分。本文将介绍 JavaScript 中的各种方法，并且通过实例演示这些方法的应用。

Part 1：基础方法

1. alert()方法

alert() 方法用于在浏览器页面中弹出一个对话框，通常用于给用户展示信息或警告。

语法：

alert("message");

实例：

alert("Welcome to my website!");

2. prompt()方法

prompt() 方法用于弹出一个对话框，提示用户输入信息。它会返回用户输入的值（字符串类型）。

语法：

prompt("message","default value");

实例：

let name = prompt("请输入您的姓名：","张三");

3. console.log()方法

console.log() 方法是调试代码时最常用的方法，用于在控制台输出信息。它可以输出字符串、变量、对象和数组等类型的数据。

语法：

console.log("message");

实例：

let num = 10;
console.log("The number is " + num);

4. parseInt()方法

parseInt() 方法用于将字符串转换为整数类型。如果无法转换，则返回 NaN。

语法：

parseInt(string, radix);

string：要转换为整数的字符串。

radix：转换进制，可选。如果不设置则默认为 10。

实例：

let str = "123";
let num = parseInt(str);
console.log(num); //123

5. parseFloat()方法

parseFloat() 方法用于将字符串转换为浮点数类型。如果无法转换，则返回 NaN。

语法：

parseFloat(string);

string：要转换为浮点数的字符串。

实例：

let str = "3.14";
let num = parseFloat(str);
console.log(num); //3.14

Part 2：数组方法

1. push()和pop()方法

push() 方法用于在数组末尾添加一个元素，而 pop() 方法用于删除数组末尾的元素。

语法：

push(newelement);

pop();

实例：

let fruits = ["Apple","Banana","Orange"];
fruits.push("Grape");
console.log(fruits); //["Apple","Banana","Orange","Grape"]
fruits.pop();
console.log(fruits); //["Apple","Banana","Orange"]

2. shift()和unshift()方法

shift() 方法用于删除数组开头的元素，而 unshift() 方法用于在数组开头添加一个元素。

语法：

shift();

unshift(newelement);

实例：

let fruits = ["Apple","Banana","Orange"];
fruits.unshift("Grape");
console.log(fruits); //["Grape","Apple","Banana","Orange"]
fruits.shift();
console.log(fruits); //["Apple","Banana","Orange"]

3. slice()方法

slice() 方法用于从数组中截取一段元素。注意，它不会修改原数组，而是返回一个新的数组。

语法：

slice(start, end);

start：起始位置，包括该位置。

end：结束位置，不包括该位置。

如果省略 end ，则从起始位置到数组末尾截取。

实例：

let fruits = ["Apple","Banana","Orange","Grape"];
let newfruits = fruits.slice(1,3);
console.log(newfruits); //["Banana","Orange"]

Part 3：字符串方法

1. toUpperCase()和toLowerCase()方法

toUpperCase() 方法用于将字符串转换为大写字母格式，而 toLowerCase() 方法用于将字符串转换为小写字母格式。

语法：

toUpperCase();

toLowerCase();

实例：

let str = "Hello World";
let newstr1 = str.toUpperCase();
let newstr2 = str.toLowerCase();
console.log(newstr1); //"HELLO WORLD"
console.log(newstr2); //"hello world"

2. indexOf()和lastIndexOf()方法

indexOf() 方法用于获取字符串中指定字符或字符串的位置。如果未找到，返回 -1。 lastIndexOf() 方法和 indexOf() 方法类似，但是从字符串的末尾开始搜索。

语法：

indexOf(searchvalue, start);

searchvalue：要查找的值，可以是字符或字符串。

start：可选参数。从哪个下标开始查找。

lastIndexOf(searchvalue, start);

实例：

let str = "Hello World";
let pos1 = str.indexOf("l");
let pos2 = str.lastIndexOf("l");
console.log(pos1); //2
console.log(pos2); //9

3. concat()方法

concat() 方法用于将多个字符串拼接起来，生成一个新的字符串。

语法：

concat(string1, string2, ..., stringn);

实例：

let str1 = "Hello";
let str2 = "World";
let str3 = str1.concat(" ", str2);
console.log(str3); //"Hello World"

Part 4：对象方法

1. keys()和values()方法

keys() 方法用于获取对象中所有的键，而 values() 方法用于获取对象中所有的值。它们都返回一个数组。

语法：

Object.keys(object);

Object.values(object);

实例：

let obj = {name:"张三",age:18,city:"北京"};
let keys = Object.keys(obj);
let values = Object.values(obj);
console.log(keys); //["name","age","city"]
console.log(values); //["张三",18,"北京"]

2. toString()方法

toString() 方法用于将对象转换为字符串，常用于调试和记录日志。

语法：

object.toString();

实例：

let obj = {name:"张三",age:18,city:"北京"};
console.log(obj.toString()); //"[object Object]"

3. hasOwnProperty()方法

hasOwnProperty() 方法用于检查对象中是否存在某个属性。如果存在，返回 true，否则返回 false。

语法：

object.hasOwnProperty(property);

property：要检查的属性名。

实例：

let obj = {name:"张三",age:18,city:"北京"};
console.log(obj.hasOwnProperty("name")); //true
console.log(obj.hasOwnProperty("gender")); //false

Part 5：日期方法

1. Date()方法

Date() 方法用于获取或设置日期和时间。如果没有传递参数，则返回当前日期和时间。

语法：

new Date();

实例：

let date = new Date();
console.log(date); //Wed Aug 04 2021 15:41:10 GMT+0800 (中国标准时间)

2. getDate()、getMonth()和getFullYear()方法

getDate() 方法用于获取当前日期（每个月中的第几天），而 getMonth() 方法用于获取当前月份（0 表示 1 月，11 表示 12 月），而 getFullYear() 方法用于获取当前年份。

语法：

getDate();

getMonth();

getFullYear();

实例：

let date = new Date();
let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();
console.log(year + "-" + month + "-" + day); //"2021-8-4"

总结：

本文介绍了 JavaScript 中常用的基础方法、数组方法、字符串方法、对象方法和日期方法，并给出了相应的实例，希望能对读者有所帮助。当然，JavaScript 中的方法远不止这些，如果想要深入学习，建议多查阅文档或参考书籍，并进行实践练习。

以上就是javascript 各种方法的详细内容，更多请关注Gxl网其它相关文章！