js 字符串与数组中一些基础方法操作

字符串的基本方法使用说明

        在JavaScript中,可以对字符串执行多种操作,包括字符串拼接、字符串截取、字符串查找、字符串替换、字符串转换等。下面是一些常见的字符串操作方法:

  • 字符串拼接:使用"+"操作符可以将多个字符串拼接在一起,例如:
var str1 = "Hello";
var str2 = "World";
var result = str1 + " " + str2; // 结果为 "Hello World"
  • 字符串截取:可以使用substring(startIndex, endIndex)方法来截取字符串的一部分。startIndex和endIndex分别表示要截取的起始位置和终止位置(不包括终止位置),例如:
var str = "Hello World";
var result = str.substring(0, 5); // 结果为 "Hello"
  • 字符串查找:可以使用indexOf(substring)方法来查找子字符串在原字符串中的位置。如果找到了,则返回第一次出现的索引位置;如果未找到,则返回-1,例如:
var str = "Hello World";
var result = str.indexOf("World"); // 结果为 6
  • 字符串替换:可以使用replace(oldStr, newStr)方法来替换字符串中的子字符串。oldStr表示要被替换的子字符串,newStr表示替换后的新字符串,例如:
var str = "Hello World";
var result = str.replace("World", "JavaScript"); // 结果为 "Hello JavaScript"
  • 字符串转换:可以使用toString()方法将其他类型的值转换为字符串,例如:
var num = 123;
var result = num.toString(); // 结果为 "123"

        以上仅是对字符串操作的一些基本方法,JavaScript还提供了很多其他字符串操作方法,如charAt()toUpperCase()toLowerCase()等,可以根据具体需求选择适合的方法来操作字符串。

  • 字符串分割:split()方法来分割字符串。这个方法接受一个分隔符作为参数,然后返回一个列表,其中的元素是根据分隔符来分割原始字符串后得到的子字符串。
  • 在对数字进行分割的时候需要先转字符串在分割(如:100)
string = "Hello, world!"
split_string = string.split(",") # 使用逗号作为分隔符
print(split_string) # 输出 ['Hello', ' world!']
 
//对数字进行分割
let a=100
a.toString().split("") //输出['1','0','0']
数组的基本方法使用说明

JavaScript数组有很多种操作,包括但不限于以下几种:

  • 创建数组:可以通过直接赋值、使用数组字面量、使用Array构造函数等方式创建数组。
var arr1 = [1, 2, 3]; // 直接赋值
var arr2 = new Array(); // 使用Array构造函数创建空数组
var arr3 = new Array(1, 2, 3); // 使用Array构造函数创建带有初始值的数组
  • 访问元素:可以通过下标来访问数组中的元素,下标从0开始。
var arr = [1, 2, 3];
console.log(arr[0]); // 输出1
console.log(arr[1]); // 输出2
console.log(arr[2]); // 输出3
  • 修改元素:通过下标可以修改数组中的元素。
var arr = [1, 2, 3];
arr[0] = 4; // 将数组的第一个元素修改为4
console.log(arr); // 输出[4, 2, 3]
  • 添加元素:可以使用push()方法将元素添加到数组的末尾;unshift()函数将元素添加到数组的开头。
var arr = [1, 2, 3];
arr.push(4); // 在数组末尾添加元素4
console.log(arr); // 输出[1, 2, 3, 4]

var arr2 = [1, 2, 3];
arr2.unshift(0);

console.log(arr2); // [0, 1, 2, 3]
 

  • 删除元素:可以使用pop()方法删除数组的末尾元素。
var arr = [1, 2, 3];
arr.pop(); // 删除数组的末尾元素
console.log(arr); // 输出[1, 2]

         例如,删除数组arr中的第一个元素,可以使用数组splice()方法:

var arr = [1, 2, 3, 4, 5];
arr.splice(0, 1);

       此时,数组arr将变为[2, 3, 4, 5],第一个元素1被删除了。如果要删除多个元素,只需要将deleteCount参数设置为要删除的元素个数:

var arr = [1, 2, 3, 4, 5];
arr.splice(1, 3);

       此时,数组arr将变为[1, 5],第二个元素2、第三个元素3和第四个元素4被删除了。注意,数组splice()方法会改变原始数组,同时返回一个包含被删除元素的新数组

  • 可以使用数组的splice()方法来删除元素;splice()方法的语法为:

    array.splice(start, deleteCount[, item1[, item2[, ...]]])
    
  • start:表示要删除元素的起始索引。
  • deleteCount:表示要删除的元素个数。
  • item1, item2, ...:可选参数,表示要添加到数组的元素。
  • 遍历数组:可以使用循环结构(如for循环、for...of循环、forEach()等)来遍历数组中的元素。
var arr = [1, 2, 3];
for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}
// 输出1
// 输出2
// 输出3

arr.forEach(function (element) {
    console.log(element);
});
// 输出1
// 输出2
// 输出3
  • 数组方法:JavaScript数组还提供了一些方法,如sort()用于对数组进行排序、join()用于将数组元素拼接成一个字符串、concat()用于连接两个数组等。
var arr = [3, 1, 2];
arr.sort(); // 对数组进行排序
console.log(arr); // 输出[1, 2, 3]

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = arr1.concat(arr2); // 连接两个数组
console.log(arr3); // 输出[1, 2, 3, 4, 5, 6]

这只是JavaScript数组的一部分操作,还有其他很多方法和技巧可以应用。

对象与函数

JavaScript中,对象和函数是两个重要的概念。对象用于存储和访问数据,函数用于执行特定的操作。

  1. 对象的创建和访问:

    • 使用字面量创建对象:let obj = { name: 'Alice', age: 20 };
    • 使用构造函数创建对象:let obj = new Object(); obj.name = 'Alice'; obj.age = 20;
    • 访问对象属性:console.log(obj.name); 输出:'Alice';console.log(obj['age']); 输出:20
  2. 对象的操作:

    • 添加属性:obj.gender = 'female';
    • 修改属性:obj.age = 25;
    • 删除属性:delete obj.age;
  3. 函数的创建和调用:

    • 使用函数声明:function sayHello() { console.log('Hello!'); }
    • 使用函数表达式:let sayHello = function() { console.log('Hello!'); };
    • 调用函数:sayHello(); 输出:'Hello!'
  4. 函数的参数和返回值:

    • 带参数的函数:function greet(name) { console.log('Hello, ' + name + '!'); }
    • 带返回值的函数:function add(a, b) { return a + b; } 调用:let sum = add(3, 5); console.log(sum); 输出:8
  5. 函数作为对象的属性:

    • 将函数作为属性添加到对象中:let obj = { name: 'Alice', sayHello: function() { console.log('Hello!'); } };
    • 调用对象中的函数:obj.sayHello(); 输出:'Hello!'
  6. 函数的嵌套:

    • 在函数中定义函数:function outer() { function inner() { console.log('Inner function!'); } inner(); } outer(); 输出:'Inner function!'

这些是JavaScript中对象和函数的基本使用和操作。通过合理地使用对象和函数,可以构建出复杂且灵活的程序。

你可能感兴趣的:(js,开发语言,javascript,前端)