JS字符串和数组的相关方法

最新推荐文章于 2024-10-10 10:50:43 发布

F-year

最新推荐文章于 2024-10-10 10:50:43 发布

阅读量338

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_52373686/article/details/121889967

版权

1.字符串

字符串的表示，长度，获取指定位置字符，首次出现位置indexOf()方法，slice()等

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
    <script type='text/javascript'>
    //1.String类型可以用‘’或者“”
    var str="abc";
    console.log(typeof str);
    var str1='abc';
    console.log(typeof str1);
    //2.长度
    console.log(str.length);
    //3.找字串,字串必须用“”或者‘’均可
    console.log(str1.indexOf('b'));
    console.log(str1.indexOf("b"));
    console.log(str1.indexOf('ba'));
    console.log(str1);//未改变原字符串的值
    //4.提取字串
    console.log(str.slice(0,2));//左闭右开
    console.log(str);//未改变原字符串的值
    //5.把字符串分割成数组，第一个参数是指定分割的位置，第二个参数可选值，返回的数组的长度,分隔符不固定
    str2='a/b/c/d';
    console.log(str.split());//中间是空格什么都没有的话，整个字符串作为数组的一个元素
    console.log(str2.split("/"));//中间是分隔符
    console.log(str.split(''));//每个都是一个
    console.log(str2);//未改变原字符串的值
    var address="398/237/562";
    var address1="398/237/562/123/456/789";
    var addressArray=address.split("/",2);//如果应该得到的大于长度,返回前x个
    var addressArray1=address1.split("/",2);
    console.log(addressArray);
    console.log(addressArray1);
    console.log(address.split(2));
    //6.把字符串转换成大写
    var str3='aBc';
    console.log(str3.toUpperCase());
    console.log(str3);//未改变原字符串的值
    //7.把字符串转换成小写
    console.log(str3.toLowerCase());
    console.log(str3);//未改变原字符串的值
    //8.获取指定位置的字符
    console.log(str3.charAt(1));
    //总结：字符串不可更改，所以返回的都是全新的字符串，原字符串未作出改变

2.数组

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
    <script type='text/javascript'>
    
    //Array
    //1.定义数组
    var arr=[1,2,3];
    console.log(arr);
    var arr1=new Array(1,2,3);
    console.log(arr1);
    //2.数组的长度
    console.log(arr.length);//数组长度可变
    //3.获取指定值出现的位置
    console.log(arr.indexOf(2));//数组内元素2出现的位置是1
    //4.数组内排序
    var arr2=[5,6,9,3,5,4];
    console.log(arr2.sort());
    console.log(arr2);//sort()函数改变了数组
    //5.数组倒序
    console.log(arr2.reverse());
    console.log(arr2);//reverse()函数改变了数组
    //6.数组转换成字符串
    console.log(arr2.join());
    console.log(arr2);//未改变数组
    //7.删除元素
    //shift()方法
    console.log(arr2.shift());//返回原数组第一个元素并删除
    console.log(arr2);//改变了数组
    //pop()方法
    console.log(arr2.pop());//返回原数组最后一个元素并删除
    console.log(arr2);//改变了数组
    //提取字串
    console.log(arr2.slice(0,2));//左开右闭
    console.log(arr2);//未改变数组
    //8.添加元素
    //unshift()方法
    console.log(arr2.unshift(2));
    console.log(arr2);//改变了数组
    console.log(arr2.unshift("2"));
    console.log(arr2);//改变了数组
    console.log(arr2.unshift("2","7"));
    console.log(arr2);//改变了数组
    //push()方法
    console.log(arr2.push(2));
    console.log(arr2);//改变了数组
    //concat()方法
    console.log(arr2.concat(arr));//arr2后面加上arr
    //9.特殊的splice()函数
    //删除功能
    //一共两个参数，第一个是第一个删除元素的位置，第二个是删除元素的个数
    console.log(arr2.splice(1,2));//返回删除元素
    console.log(arr2);
    //插入功能，一共三个参数，第一个是插入位置，第二个参数是0，第三个参数是插入的项
    console.log(arr2.splice(0,0,1));//返回的都是空数组
    console.log(arr2);
    //替换功能,一共三个参数，第一个是起始位置，第二个是删除项数（替换的项数），第三个是替换的内容
    console.log(arr2.splice(1,2,"756"));//返回的是被替换的元素
    console.log(arr2);
    </script>
</body>
</html>