字符串及数组对象方法

最新推荐文章于 2024-08-23 18:18:31 发布
最新推荐文章于 2024-08-23 18:18:31 发布
阅读量419 收藏 1
点赞数
文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48469083/article/details/119786946
版权

1.1 Math对象

  • 取整方式

    • parseInt()：往下取整，有小数 就舍弃

    • Math.floor()：往下取整，有小数 就舍弃

    • Math.ceil()：往上取整，有小数就进位

    • Math.round()：四舍五入取整

  • 随机数

    • Math.random() : 生成0-1之间的随机数，包括0，不包括1

    • min-max ： parseInt(Math.random()*（max-min+1)+min)

      50-70
parseInt(Math.random()*（70-50+1)+50)

1.2 Date对象

  • 倒计时

    • 创建一个未来时间，创建一个当前时间

    • 时间戳 = (未来时间 - 当前时间)/1000， 两个之间的毫秒数

    • 将时间差，转换为对应的天，小时，分钟，秒

2. 字符串对象

  • charAt

    • 语法：str.charAt(下标)

    • 作用：获取字符串中对应下标的字符

  • charCodeAt

    • 语法：str.charCodeAt(下标)

    • 作用：获取字符串中对应下标字符的编码

    • 判断是不是纯数字

  • ==indexOf==

    • 语法：str.indexOf(searchStr,start)

    • 作用：查找一个字符串在另一个字符串中首次出现的位置，出现返回对应的下标，没有返回-1

    • 使用场景：查找字符串中是不是有每个字符的存在 ， 判断是不是小数（有没有小数点）

  • lastIndexOf

    • 语法：str.lastIndexOf(searchStr,start)

    • 作用：查找一个字符串在另一个字符串中最后一次出现的位置，出现返回对应的下标，没有返回-1，从后往前找

  • ==substring==

    • 语法：str.substring(start,end)

    • 作用：截取从start下标开始到end结束的一串连续的字符串，包括开始不包括结束

    • 参数

      • start：必需，开始截取的位置

      • end：可选，结束截取的位置，不包括结束，默认是str.length

  • ==slice==

    • 语法：str.slice(start,end)

    • 作用：截取从start下标开始到end结束的一串连续的字符串，包括开始不包括结束

    • 参数

      • start：必需，开始截取的位置

      • end：可选，结束截取的位置，不包括结束，默认是str.length

    • 区别

      • substring会自动调整大小位置，slice不会

      • substring负数默认为0，slice默认为倒数第几个

  • ==substr==

    • 语法：str.substr(start,length)

    • 作用：从start下标位置开始，截取几个

  • 大小写转换

    • 语法：str.toUpperCase() / str.toLowerCase();

    • 使用场景：不区分大小写的比较

      //A.大小写转换 str.toUpperCa    se()   str.toLowerCase();
console.log(s1.toUpperCase()); //FDT3  转大写
console.log(s1.toLowerCase()); //fdt3  转小写
​
//不区分大小写验证
console.log(s1.toLowerCase() == s2.toLowerCase());

  • ==replace==

    • 语法：str.replace(searchStr,replace)

    • 参数

      • searchStr：字符串中将要被替换掉的内容

      • replaceStr: 替换的内容

    • 注意：一次只能替换一个

      //B.str.replace(searchStr,replaceStr): 替换,一次只能替换一个
//参数：
//searchStr : 字符串将要被替换掉的内容
//replaceStr: 替换的内容
var str = "javauijavapython";
var s = str.replace("java","web");
s = s.replace("java","web");
console.log(s); //webuiwebpython

  • ==split==

    • 语法：str.split(分割标识，length)

    • 作用：将字符串按特定标识分割成数组

      //str.split(分割标识,length) : 将字符串按特定的标识分割成数组
var str = "2021-8-18";
var arr = str.split("-");
console.log(arr); //["2021", "8", "18"]
​
var str = "web";
console.log(str.split("")); //["w", "e", "b"]

  • ==字符串转json==

    • 有这样一个url：http://item.taobo.com/item.html?a=1&b=2&c=&d=xxx&e,

      请写一段js程序提取url中各个get参数(参数名和参数个数不确定)，将其key-value形式返回到一个json结构中，如{a:“1”,b:“2”，c:“”，d：“xxx”，e:undefined}

      get参数：？后面的内容

      var urlStr = "http://item.taobo.com/item.html?a=1&b=2&c=&d=xxx&e";
​
//1.获取get参数  a=1&b=2&c=&d=xxx&e
//2.分割成一组一组的   ["a=1", "b=2", "c=", "d=xxx", "e"]
//3.循环将数据一组一组添加到json
​
var urlStr = "http://item.taobo.com/item.html?a=1&b=2&c=&d=xxx&e";
var json = {};
//1.提取get参数  ？后面的内容
//1.1 截取
//var index = urlStr.indexOf("?");
//urlStr = urlStr.substring(index+1);
​
​
//1.2 分割，  按？分割，要后面的那份
urlStr = urlStr.split("?")[1];
console.log(urlStr); //a=1&b=2&c=&d=xxx&e
​
​
//2.分割成一组一组的
var urlArr = urlStr.split("&");
console.log(urlArr); // ["a=1", "b=2", "c=", "d=xxx", "e"]
​
//3.循环数组，一组一组的添加到json中
for (var i = 0; i < urlArr.length; i++) {
    var a = urlArr[i].split("="); //["a","1"]
    json[a[0]] = a[1];
}
console.log(json);

  • trim

    • 语法：str.trim()

    • 作用：去除字符串首尾空格

      //D.str.trim() : 去除字符串首尾空格
var str = "                 饿了，吃饭！               ";
console.log(str);
console.log(str.trim());

3.数组对象

3.1 创建数组对象

  • 字面量创建

    //1.字面量
var arr1 = [1,2,3];
console.log(arr1);

  • 关键字new创建

    //2.new关键字创建
var arr2 = new Array("A","B","C");
console.log(arr2);
​
//参数只有一个并且是number类型，表示创建长度为n的空数组
var arr3 = new Array(4);
console.log(arr3); //[empty × 4]

  • 通过下标添加元素

    //3.添加数组元素
var arr4 = [1,2,3];
arr4[3] = 4;
arr4[10] = 11;
console.log(arr4); //(11) [1, 2, 3, 4, empty × 6, 11]

3.2 数据类型分类依据

  • 数据类型分类

    五大基本数据类型:数据结构单一，存储在栈区
               typeof
number         “number”    1213
string         “string”    “rwr"
boolean        “Boolean”    true
undefined      “undefined”  undefined
null           “object”     null
复合数据类型:数据结构复杂，存储在堆区，变量中存储地址
object         “object”      {}
array          “object”      [任意数据类型，任意多个]
function       “function”    任意代码

  • 数据类型存储

    数组拷贝

    var arr1 = [1,2,3];
var arr2 = arr1;  //arr1的地址赋值给arr2 ，浅拷贝


arr2[3] = 4;  //共用一块地址，会一改全改
console.log(arr2); //(4) [1, 2, 3, 4]
console.log(arr1); //(4) [1, 2, 3, 4]

3.3 数组方法--添加删除

数组的方法基本上都是在原数组上进行操作

3.3.1 push与pop

push、pop：在数组的末尾添加活删除数组元素 (数组栈方法)

  • push(items) : 在数组的末尾添加1个或多个元素，返回当前数组长度

    var arr = [1,2,3];
arr.push(4);  //在数组末尾加元素
var len = arr.push(5,6);
console.log(arr,len); //[1, 2, 3, 4,5,6]  6

  • pop():在数组的末尾删除一个元素，返回被删除的元素

    var arr = [1,2,3];
var del = arr.pop();
arr.pop();
console.log(arr,del); // [1, 2, 3, 4, 5]  6

3.3.2 unshift与shift

unshift,shift:在数组的头部添加活删除数组元素

  • unshift(items) : 在数组的头部添加1个或多个元素，返回当前数组长度

    //3.unshift(items) : 在数组的头部添加1个或多个元素，返回当前数组长度
var arr = [1,2,3];
arr.unshift("A");
console.log(arr); //["A", 1, 2, 3]

  • shift():在数组的头部删除一个元素，返回被删除的元素

    //4.shift():在数组的头部删除一个元素，返回被删除的元素
arr.shift();
console.log(arr); //[1,2,3];

3.2.3 splice

  • 语法：splice(start,deleteCount,items) : 删除数组中连续的元素,返回被删除元素组成的数组

  • 参数：

    • start：必需，从start下标位置开始删除数组元素

    • deleteCount：可选，删除的个数，默认删除到最后

    • items:替换的内容

      var arr = [1, 2, 3, 4, 5, 6, 7, 8];

//1. splice(start)  : 从下标为start开始删除，删除到末尾
var delArray = arr.splice(2);
console.log(arr);// [1, 2]
console.log(delArray); // [3, 4, 5, 6, 7, 8]

//2. splice(start,deleteCount)  : 从下标为start开始删除，删除几个
var arr = [1, 2, 3, 4, 5, 6, 7, 8];
arr.splice(2, 3);
console.log(arr); //[1, 2, 6, 7, 8]

//3.splice(start,deleteCount,items)：从下标为start开始删除，删除几个,用items替换被删除的元素
var arr = [1, 2, 3, 4, 5, 6, 7, 8];
arr.splice(2,2,"A","B","C");
console.log(arr);

//4.添加
var arr = [1,3,5];
arr.splice(2,0,4);
console.log(arr); //[1, 3, 4, 5]

3.3.4 数组去重

  • 比较删除(建议使用)

    • 原理：

      拿第一个和后面所有的进行比较，如果重复，删除后面哪一个

    拿第二个和后面所有的进行比较，如果重复，删除后面哪一个

    ....

    for(var i = 0;i<arr.length;i++){
    for(var j = i+1;j<arr.length;j++){
        if(arr[i] == arr[j]) { //如果相等，删除后面的数组元素
            arr.splice(j,1);
            j--; //删除元素，后面的数组元素就会往前移动，对应的下标也需要改变
        }
    }
}
console.log(arr);

  • 比较存储

    • 原理

      声明一个空数组

      每一次添加之前，先去判断当前数组是否已经存在这个元素，如果没有再添加

      var arr = [1,6,9,1,4,7,1,2,8,4,5,6,9,2,3,5,4,3,3,3,3,3,3,3];
var arrs = [];
for(var i = 0;i<arr.length;i++){
    if(arrs.indexOf(arr[i]) == -1){ //当前数组中没有这个元素
        arrs.push(arr[i]);  //添加到数组中
    }
}

3.4 数组排序

3.4.1 排序算法

原理：

拿第一个和后面所有的进行比较，如果后面有比当前值小的，交换位置

拿第二个和后面所有的进行比较，如果后面有比当前值小的，交换位置

.....

依次类推

var arr = [1, 8, 6, 5, 4, 7, 3, 9, 2];
for (var i = 0; i < arr.length; i++) {
    for (var j = i + 1; j < arr.length; j++) {
        if (arr[i] < arr[j]) { //如果后面有比当前值小的，交换位置
            var temp = arr[i];
            arr[i] = arr[j];
            arr[j] = temp;
        }
    }
}

2.4.2 冒泡排序算法

  • 原理：相邻的两个进行比较，如果前面的比后面的大，交换位置

    var arr = [1, 8, 6, 5, 4, 7, 3, 9, 2];
for (var i = 0; i < arr.length; i++) {
    for (var j = 0; j < arr.length-1-i; j++) {
        if (arr[j] > arr[j + 1]) { 
            var temp = arr[j];
            arr[j] = arr[j + 1];
            arr[j + 1] = temp;
        }
    }
}

2.4.3 排序方法

  • 基本使用

    //1.sort():排序方法
var arr = [11, 8, 6, 5, 4, 7, 3, 9, 2];
arr.sort(); //默认以字符串比较方式排序
console.log(arr);//[11, 2, 3, 4, 5, 6, 7, 8, 9]


//2.number比较方式
arr.sort(function(a,b){ //a,b相邻的两个数组元素
    return a - b;  // 从小到大    如果返回值大于0就交换位置
    //return b - a;  // 从大到小
});
console.log(arr); // [2, 3, 4, 5, 6, 7, 8, 9, 11]

  • 数组中对象排序

    //3.按年龄进行降序排序(从大到小)
var students = [
    {"name":"桑亚西","age":24,"date":"1997-7-7"},
    {"name":"田晴","age":18,"date":"2003-12-12"},
    {"name":"崔雨彤","age":20,"date":"2001-1-1"},
    {"name":"陈兰彬","age":22,"date":"1999-9-9"},
    {"name":"张环宇","age":24,"date":"1997-9-9"}
]
students.sort(function(a,b){ //a = {"name":"桑亚西","age":24,"date":"1997-7-7"}
    return b.age - a.age;
})
console.log(students);

  • 按日期排序

    //4.如果年龄一样的，按出生日期降序排序
students.sort(function(a,b){
    if(b.age == a.age){
        return new Date(b.date) - new Date(a.date);
    }else{
        return b.age - a.age;
    }   
});
console.log(students);
//时间 ----  创建成时间对象
console.log(new Date("1997-7-7") - new Date("1997-9-9"));
//时间 ----  将字符串格式的时间转换为时间戳
console.log(Date.parse("1997-7-7")); //868204800000

  • 按中文排序

     //5.按姓名进行升序排序
students.sort(function(a,b){
    //按当前计算机的编码格式进行比较   
    return a.name.localeCompare(b.name);
})
console.log(students);

  • 随机排序

    //6.随机排序
var arr = [1,2,3,4,5,6,7];
arr.sort(function(){
    return Math.random() - 0.5; 
});
console.log(arr);

3.5 数组的小方法

  • arr.slice(start,end)：截取数组中连续的一串元素组成新的数组返回

    //1.arr.slice(start,end) :截取数组中连续的一串元素组成一个新的数组返回
var arr = [1,2,3,4,5,6,7];
var a = arr.slice(2,5);
console.log(a); //[3, 4, 5]

  • arr.indexOf(search)：

    //2.arr.indexOf(search) : 查找一个元素在数组中首次出现的位置，出现返回对应的下标，不出现返回-1
var index = arr.indexOf(4);
console.log(index); //3  下标从0开始

  • arr.join(组合标志)：将数组按特定标识组合成字符串

    //3.arr.join(组合标志) ：将数组按特定的标志组合成字符串 
var arr = [2021,8,18]; 
console.log(arr.join("-")); //2021-8-18 
console.log(arr.join("")); //2021818 
console.log(arr.join()); //2021,8,18

  • arr.reverse()：倒序

    //4.arr.reverse() : 倒序
var arr = [1,2,3,4,5];
arr.reverse();
console.log(arr); //[5, 4, 3, 2, 1]

  • arr.concat()：将多个数组或元素组成一个新的数组返回

    //5.arr.concat(arr1,arr2,....):将多个数组或元素组合成一个数组返回 
var arr1 = [1,2,3]; 
var arr2 = ["a","b","c"]; 
var newArr = arr1.concat(arr2,"d"); 
console.log(newArr); //[1, 2, 3, "a", "b", "c", "d"]

3.6 数组的迭代方法(IE8不兼容)

  • 循环：for多次执行重复代码

  • 遍历：for-in 根据数据规律去获取数据

  • 迭代：根据数据规律执行

爱敲代码的狼仔
关注
C#字符串数组转换为整形数组的方法
09-03
以下是一个名为`ToIntArray`的方法，它接受一个字符串数组作为参数，并返回一个新的整型数组： ```csharp public static int[] ToIntArray(string[] Content) { int[] c = new int[Content.Length]; // 初始化等...
数组 字符串 对象的常用方法
hjdjhh的博客
12-22 772
数组 数组去重 只适用于简单数据data=[...newSet(data)] 数组合并第一种：let arr1 = arr1.concat(arr2,arr3) 第二种： [...arr1,...arr2,...arr3] 将循环返回的数据放在一个新数组中data.map(item=>item.name) pop()数组末尾删除返回数组中被删除的元素 shift()数组头部删除返回值是数组中被删除的元素 push()数组末尾添加 ......
JS总结：数组 字符串 对象
ksx2333的博客
03-25 619
目录 一、数组 1 数组介绍 二、字符串 三、对象 JS总结：数组 字符串 对象 JS中的数据分类： 1）基本数据类型数据存储在栈区 number,string,boolean,und,null 2）引用数据类型数据存储在堆区 array(数组),function(函数),object(对象) 一、数组 1 数组介绍 变量中存储一个数据，...
JS中的字符串、数组、对象
最新发布
weixin_42381609的博客
08-23 878
解构：const { name, family:{ mother,father,sister }, age } = pig。例如 const [ a , , c , d ] = [ 1, 2 , 3 , 4 ]例如const [ a , [b , c ] ] = [ 1, [ 2 , 3 ] ]例如const [ a = '手机'，b = '小米' ] = [ ' 华为 ' ]"title": "5G商用自己，三大运用商收入下降",let 数组名 = [ 数据1，数据2，······，数据n ]
数组对象数组对象，字符串对象的使用以及值类型的介绍
trtiy的博客
04-26 241
当obj1和obj2两个变量指向了同一个对象后，如果给其中一个变量(如obj1)重新赋值为其他对象，或者重新赋值为其他值，则obj1将不再引用原来的对象，但obj2仍然在引用原来的对象。引用类型： 变量中保存的仅仅是一个引用的地址，当对变量进行赋值时，并不是将对象复制了一份，而是将两个变量指向了同一个对象的引用。如果在函数的参数中修改对象的属性或方法，则在函数外面通过引用这个对象的变量访问时的结果也是修改后的。从字符串中提取指定的子字符串。shift()方法可以从数组的开头删除一个元素，并返回该元素的值。
数组方法及字符串方法总结
weixin_44763649的博客
01-07 147
elementN)作用：push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。, elementN)作用：将一个或多个元素添加到数组的开头，并返回该数组的新长度。语法：数组.shift()作用：从数组中删除第一个元素，并返回该元素的值。语法：数组.pop()作用：从数组中删除最后一个元素，并返回该元素的值。数组的第一个元素会变成最后一个，数组的最后一个元素变成第一个。语法: arr.reduce(function(累计值，当前元素，[索引号]，[源数组]){}，起始值)
【前端JS交互篇】数组对象、字符串对象、正则表达式、Date日期对象
前端知识分享喵
08-01 245
【前端JS交互篇】数组对象、字符串对象、正则表达式、Date日期对象
java对象转换为json字符串或字符串数组
07-12
总结，Java对象转换为JSON字符串或字符串数组是通过引入JSON库，如`json-lib`，然后利用其提供的序列化和反序列化方法实现的。了解并熟练掌握这些方法对于进行Java和JSON之间的数据交换至关重要。在实际项目中，根据...
javaScript array(数组)使用字符串作为数组下标的方法
10-26
在JavaScript中，数组是一种特殊的对象，它继承了Object的基本特性，这意味着你可以使用字符串来作为数组的下标，而不仅仅是整数。这种特性使得JavaScript数组在处理某些特定数据结构时非常灵活。 创建一个...
Jquery解析json字符串及json数组的方法
10-24
JSON字符串是以键值对形式组织的数据，其中键通常是字符串，而值可能是字符串、数字、布尔值、数组或另一个JSON对象。例如： ```json { "ret": 0, "msg": "", "is_lost": 0, "nickname": "小米", "gender": ...
javascript字符串与数组转换汇总
10-24
例如，假设我们有一个字符串数组，我们可以使用join()方法轻松地将其转换为一个由逗号分隔的字符串。 ```javascript var array = ["a", "d", "a", "f", "g", "f", "s", "g"]; var string1 = array.join(); // 结果...
数组，对象，字符串常用方法集结
luofei_create的博客
07-06 1269
数组，对象，字符串常用方法集结 一、数组常用方法汇总 1.Array.map()方法 此方法是将数组中的每一个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组 let arr = [1,2,3,4] let newArr = arr.map(x => x*2) //返回新数组[2,4,6,8] 2.Array.forEach()方法 此方法是将数组中的每个元素执行传进提供的函数，没有返回值，等同于for循环，改变原来的数组，注意和map方法的区分 let arr = [
JS_01（字符串处理 ，创建对象）
YST的博客
05-09 641
JS的字符串处理 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a target="_blank" href="https://www.cnblogs....
String字符串对象创建方法，
我不是大王强的博客
07-09 792
Java 程序中的所有字符串字面值（如 "abc" ）都作为此类的实例实现。翻译成人话：程序当中所有双引号字符串常量，都是String类的对象。（就算没有new，也照样是对象。）字符串的特点：1. 【字符串的内容不可改变】。（每当你觉得好像是变了的时候，必然是创建了一个新的字符串。）2. 正是因为字符串不可改变，所以字符串是可以共享使用的。3. 字符串就是很多个字符连在一起，效果上看类似于ch...
字符串对象、数组对象
h54211的博客
12-08 224
（1）创建字面量创建new关键词创建(2)字符串属性字符串.length 长度(3)字符串方法（1）字符串.charAt(下标) 查找某个下标对应的字符哪个（2）字符串.charCodeAt(下标) 查找某个下标对应的字符的编码哪个(3)字符串.indexOf(字符[,从哪个下标开始查询]) 查找某个字符串在另一个字符串中首次出现的位置，如果找到了返回对应的下标，没有找到返回-1。
对象数组数值型排序方法sort
qq_37734787的博客
08-17 156
// 对象数组排序 export const compare = function (prop) { return function (obj1, obj2) { const val1 = obj1[prop]; const val2 = obj2[prop]; if (val1 < val2) { return -1; } else if (val1 > val2) { return 1; } else { ret
js数组排序之Array.sort()函数
qq_26905813的博客
09-01 9078
js数组排序之sort()函数
对象数组按照多个字段排序、js字符串排序
Sunny_lxm的博客
05-07 4239
对象数组按照多个字段排序
关于数组的排序问题
时清云的博客
07-28 1372
var arr = [5,1,3,7,0,9,4,2,6,8]; // 冒泡排序法 function arrsort(arr){ var length = arr.length,temp; for(var i = 0; i < length - 1; i++){ for(var j = 0; j < length - 1; j++){ ...
JS字符串与数组去重实现方法详解
"JS实现字符串去重及数组去重的方法示例，包括对字符串和数组的遍历、判断、删除和添加操作，适用于JavaScript初学者和开发者参考学习。" 在JavaScript中，处理数据去重是常见的编程任务，尤其是在处理数组和字符串...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值