JavaScript基础知识及常用方法总结

JavaScript是一种强大的脚本语言，广泛应用于Web开发。在学习JavaScript时，掌握一些基础知识以及常用方法非常重要。下文将详细讲解JavaScript基础知识及常用方法总结的完整攻略。

1. JavaScript的基础知识

1.1 数据类型

JavaScript有6种基本数据类型，分别为：字符串(string)、数字(number)、布尔(boolean)、未定义(undefined)、空(null)和对象(object)。

• 字符串类型

使用单引号或双引号引起来的一段字符序列，例如：

var str = 'Hello World';

• 数字类型

包括整数和浮点数，例如：

var num1 = 100;
var num2 = 3.14;

• 布尔类型

包括true和false两个值，例如：

var flag = true;

• 未定义类型

当一个变量声明但未初始化时，其类型为undefined，例如：

var undef;

• 空类型

可以用null来表示空值，例如：

var n = null;

• 对象类型

包括数组(array)、函数(function)、日期(date)、正则表达式(regexp)等，例如：

var arr = [1, 2, 3];
var func = function() {};
var date = new Date();
var reg = /^a-z$/;

1.2 变量和常量

JavaScript中定义变量需要用到var关键字，例如：

var name = 'Tom';

JavaScript中常量的定义使用const关键字，例如：

const PI = 3.1415926;

1.3 运算符

JavaScript中的运算符包括算术运算符、关系运算符、逻辑运算符、位运算符等，例如：

• 算术运算符：+、-、*、/、%、++、--
• 关系运算符：>、<、>=、<=、==、!=、===
• 逻辑运算符：&&、||、！
• 位运算符：&、|、^、~、<<、>>

1.4 条件语句和循环语句

JavaScript中的条件语句和循环语句包括if语句、switch语句、for循环、while循环、do...while循环等，例如：

if (condition) {
  // 如果condition为真，则执行这里的代码
} else {
  // 如果condition为假，则执行这里的代码
}

switch (expr) {
  case value1:
    // 如果expr等于value1，则执行这里的代码
    break;
  case value2:
    // 如果expr等于value2，则执行这里的代码
    break;
  ...
  default:
    // 如果expr和所有case的值均不相等，则执行这里的代码
    break;
}

for (var i = 0; i < 10; i++) {
  // 执行10次的循环体
}

while (condition) {
  // 只要condition为真，就一直执行循环体
}

do {
  // 先执行一次循环体，再判断condition是否为真，如果为真则继续执行循环体
} while (condition);

1.5 函数

JavaScript中的函数定义使用function关键字，例如：

function add(x, y) {
  return x + y;
}

JavaScript中的函数可以有参数和返回值，可以嵌套定义，也可以通过Function构造函数动态创建。

2. JavaScript常用方法总结

2.1 字符串相关方法

• charAt()：返回指定位置的字符
• slice()：截取字符串
• concat()：连接字符串
• replace()：替换字符串
• split()：把字符串分割成字符串数组
• toLowerCase()：把字符串转换为小写
• toUpperCase()：把字符串转换为大写
• trim()：去掉字符串左右两端的空格

示例：

var str = 'Hello World';
console.log(str.charAt(1)); // e
console.log(str.slice(0, 5)); // Hello
console.log(str.concat('!')); // Hello World!
console.log(str.replace('World', 'JavaScript')); // Hello JavaScript
console.log(str.split(' ')); // ['Hello', 'World']
console.log(str.toLowerCase()); // hello world
console.log(str.toUpperCase()); // HELLO WORLD
console.log('   Hello    World   '.trim()); // Hello    World

2.2 数组相关方法

• push()：向数组末尾添加一个或多个元素，并返回新的长度
• pop()：从数组末尾移除一个元素，并返回该元素
• unshift()：向数组开头添加一个或多个元素，并返回新的长度
• shift()：从数组开头移除一个元素，并返回该元素
• sort()：对数组元素进行排序
• reverse()：颠倒数组元素的顺序
• join()：把数组元素连接成一个字符串，使用指定的分隔符
• splice()：用于添加、删除或替换数组元素

示例：

var arr = [1, 2, 3];
console.log(arr.push(4)); // 4
console.log(arr); // [1, 2, 3, 4]
console.log(arr.pop()); // 4
console.log(arr); // [1, 2, 3]
console.log(arr.unshift(0)); // 4
console.log(arr); // [0, 1, 2, 3]
console.log(arr.shift()); // 0
console.log(arr); // [1, 2, 3]
console.log(arr.sort()); // [1, 2, 3]
console.log(arr.reverse()); // [3, 2, 1]
console.log(arr.join('-')); // '3-2-1'
console.log(arr.splice(1, 1, 4)); // [2]
console.log(arr); // [3, 4, 1]

以上就是JavaScript基础知识及常用方法总结的完整攻略。在学习JavaScript时，需要注重实践操作，熟练掌握基础知识和常用方法才能有更好的编程能力。