ES5新增数组api,字符串（创建，长度，api），ascii码

最新推荐文章于 2022-09-20 20:59:57 发布
最新推荐文章于 2022-09-20 20:59:57 发布
阅读量630 收藏
点赞数
原文链接：http://www.cnblogs.com/ljp1997/p/11462877.html
版权

01.es5新增数组api

1.arr.indexOf(v);

a:第一次出现的下标

b:两个参数，后面参数代表从哪个下标开始查找

c：如果不存在，返回的为-1；

//数组去重
//用一个临时的数组，和传递过来的数组里面的每一项比较
//如果临时数组.indexOf(传递过来的数组的数组项)，如果值为-1，（说明临时数组里没有那一项），把传递的数组里面的某一项push到临时数组里面
var arr = [1,3,4,5,5,6,3,6];
function norepeat2(arr){
    var tempArr = [];
    for(var i = 0 ; k = arr.length ; i < k ; i++){
        if(tempArr.indexOf(arr[i]) = -1){
            tempArr.push(arr[i]);
       }
   }
    return tempArr;
}
console.log(norepeat2(arr)); // (5) [1, 3, 4, 5, 6]
2.arr.lastIndexOf();

a:从后往前找，返回的也是下标

b：接受两个参数，第二个参数，从哪个下标开始

//案例：检测数组中没有重复的数组项
var arr = [1,3,4,5,5,6,3,6];
for(var i = 0 ; j = arr.length ; i < j ; i++){
    if(arr.indexOf(arr[i]) == arr.lastIndexOf(arr[i])){
        console.log(arr[i]);   //[1,4]
   }
}
3.forEach
语法：
arr.forEach(function(value,index,arr){
​
• //varlue 数组项
​
• //index 下标
​
• //arr 数组本身
​
})
var sum = 0;
        arr.forEach(function(value,index,arr){
            //console.log(value);   //1 3 4 5 5 6 3 6 遍历数组里面的所有的值
            //console.log(index);   //0 1 2 3 4 5 6 7
            sum += value;
       })
        console.log(sum);   //33
4.map
var arr = [1,3,4,5,5,6,3,6];
var arr1 = arr.map(function(value,index,arr){
    return value + 1; //把数组的每一项加1，然后映射到一个新的数组，不影响原数组
})
console.log(arr1);   //[2, 4, 5, 6, 6, 7, 4, 7]
console.log(arr);    //[1,3,4,5,5,6,3,6]
5.reduce
语法：
arr.reduce(function(acc,value,index,arr){
 //累加器
 //value 数组的每一值
 //index 下标
 //arr 数组的本身
    
    return acc + value ; //累加
    return acc - value ; //累减
    return acc * value ; //累乘
    return acc / value ; //累除
})
6.filter
arr.filter(function(value,index,arr){
    //过滤条件
})
对以上api的简单测试与分析
//indexOf和lastIndexOf
var arr = [1,3,4,5,5,6,3,6];  
console.log(arr.indexOf(1));    //0
console.log(arr.indexOf(3,4));   //6   从下标为4开始，找第一个3，返回该数的下标
console.log(arr.lastIndexOf(5));   //4
console.log(arr.lastIndexOf(1));  //0
console.log(arr.lastIndexOf(3,5));   //1
console.log(arr.lastIndexOf(7,3));   //-1   从下标3开始，从后往前找第一个7，不存在，返回-1
​
//map
var arr2 = arr.map(function(value,index,arr){
    return value + 1;    //[2, 4, 5, 6, 6, 7, 4, 7]   //给数组项的每一项加1
    //return index + 1;   //[1,2,3,4,5,6,7,8] //索引（下标加1）
});
console.log(arr2);
​
//reduce
var res =arr.reduce(function(acc,value,index,arr){  //acc累计器
    //return acc + value;   //33
    //return acc - value;   //-31
    //return acc * value;   //32400
    return acc / value;   //0.0000308641975308642
});
console.log(res);  
​
//filter
var res = arr.filter(function(value,index,arr){
    return value > 3;
});
console.log(arr,res);    //(8) [1, 3, 4, 5, 5, 6, 3, 6] (5) [4, 5, 5, 6, 6]
​
//forEach
var sum = 0;
arr.forEach(function(value,index,arr){
    //console.log(value);   //1 3 4 5 5 6 3 6 遍历数组里面的所有的值
    //console.log(index);   //0 1 2 3 4 5 6 7
    sum += value;
})
console.log(sum);   //33

02.字符串

1.创建字符串的方法

字面量：

var str = "";

var str = String();

构造函数方法：

var str = new String();

注：console.log(typeof(str)); //object （new了一个内部对象）

2.字符串的长度

str.length;

练习：
1.判断用户名是否正确 6-10
<input type="text" id="userName">
<span id = "txt"></span>
<script>
    userName.oninput = function(){
            //console.log(this);   //id为userName的input
            if(this.value.length >= 6 && this.value.length <= 10){
                txt.innerHTML = '用户名长度正确';
           }else{
                txt.innerHTML = '用户名长度不合法';
           }
       }
<script>
2.检测留言板中的字符数量（oninput事件，时刻监听文本框是否发生变化。元素.oninput）
<style>
    textarea{
        width:500px;
        height:300px;
        resize:none; /*禁止用户拖拽*/
        font-size:22px;
   }
    #num{
        color:red;
   }
</style>
​
<textarea name="" id="txt"></textarea>
<span id="info">剩余字符数量<em id="num">200</em>个</span>
<script>
    txt.oninput = function(){
            var valLength = txt.value.length;
            num.innerHTML = 200 - valLength;
            if(valLength >= 200){
                txt.disabled = 'disabled';   //禁用input元素，被禁用的用户不可点击，也不可用
           }
       }
<script>

03.字符串api

1.字符串.charAt(index)

根据下标获取字符串的某一个字符

2.字符串.indexOf("")

查询字符在字符串中第一次出现的下标（如果没有找到，返回-1），如果是两个参数，第二个参数代表的是从第几个查找

3.字符串.lastIndexOf("")

查找字符在字符串中最后一次出现的位置

4.字符串.substring(start,end)

字符串的截取（从start开始截取到end，不包括end）(不操作原字符串)

注：如果start等于end，substring返回一个空字符串

如果省略end,substring提取字符一直到字符串末尾

如果任一参数小于0 或者为NaN，则被当做0

如果任一参数大于str.length，则被当做str.length.

如果start大于end，则substring的执行效果就像两个参数调换了一样。

5.字符串.slice(start,end)

字符串的截取（从start开始截取到end)(接受一个负的参数，-1代表从最后一个开始)(不操作原字符串) str.slice(-3,-1)倒数第三个不包括倒数第一个

6.字符串.substr(start,length)

从start开始截取长度为length的部分。（如果参数是一个的情况下，是删除几个字符）（不操作原字符串）

7.字符串.split(分割符)

字符串翻转（转数组，数组翻转再赋值给字符串）（不操作原字符串）

8.字符串.replace(old,newStr)

替换字符，不改变原字符串，返回新字符串，每次只能替换一个

对字符串api的简单测试与分析
//substring(start,end)
var str = 'diaonfjhdhjf';
console.log(str.substring(3,2));     //a（如果start大于end，则substring的执行效果就像两个参数调换了一样。）
console.log(str.substring(3,6));  //onf 从下标3开始截取到下标为6，不包括下标6
//substr(start,length)
var str = 'koafjsgjdkf';
console.log(str.substr(3,5));   //fjsgj 从下标为3开始，截取长度为5个
console.log(str.substr(3));   //fjsgjdkf   当参数为一个的时候，代表从前往后删除3个字符

​
//slice
var str = 'ksofnkhgdhfnsg';
console.log(str.slice(-3,-1));    //ns 从倒数第三位开始，到倒数第一位，不包括倒数第一个（注：其它的是由下标决定，当为负值的时候这个代表的是位置）
console.log(str.slice(3,7));    //fnkh 从下标为3开始，截取到下标为7，不包括7.
​
//charAt(i); i为下标
var str = 'ksfsdk';
for (var i = 0; i < str.length; i++) {
    //console.log(str.charAt(i));   // ksfsdk
    console.log(str[i]);   // ksfsdk 
}
​
//replace(); 每次只能替换一个，如果要将所有的都替换，需要用循环
var str = 'wwwwdwedwderwer';
console.log(str.replace('w','s'));   //swwwdwedwderwer 每次只能替换一个
for (var i = 0; i < str.length; i++) {
    //str = str.replace('w','s');   将所有的w替换成s   
    str = str.replace('wd', '*');  //www*wed*erwer replace不操作原数组，所以，将替换了的数组，再重新赋值给原数组，就能改变多个字符
}
console.log(str);   //sssssseserser
​
//split();截取
//取cookie里面的1557282068
var str = 'BAIDUID=9FF0B8AA8FC08CF64DD8378684FCC8C8:FG=1; PSTM=1557282068; BIDUPSID=2CF37A79FA3C0115B2D5D9E5571F67D9; BD_UPN=12314753; MCITY=-131%3A; H_WISE_SIDS=125704_133106_128700_133850_106370_133676_120170_134720_132909_133043_131247_132440_130762_132378_131518_118884_118861_118839_118834_118795_107319_132781_134391_133351_134855_132553_129656_134434_132250_127027_131861_128968_133473_133838_133847_132551_134462_134319_133577_134213_129644_131423_134608_134601_110085_134153_127969_131296_128201_134150_134231_134655_134298_134354; ispeed_lsm=2; sug=3; sugstore=0; ORIGIN=0; bdime=0; BDORZ=FFFB88E999055A3F8A630C64834BD6D0; delPer=0; BD_HOME=0; H_PS_PSSID=1423_21091_29522_29520_29721_29567_29221_29461_28701';
//split将字符串转成数组
var newStr = str.split('; ');  //以; 为分割符，将字符串分割成数组
//console.log(newStr);   //转成了数组的形式
console.log(newStr[1]);  //PSTM=1557282068
//以=为分割，分割成数组，取下标为1的数组，就得到了想要的结果
console.log((newStr[1].split("="))[1]);   //1557282068

　　// var arr = [2323,23,2,2,4];
        // // arr.splice(0);
        // // console.log(arr);    //[]  代表从下标为0开始删除，删除到最后一个，改变原数组，所以，把所有的都删除了
        // var arr1 = arr.splice(0);   //将原数组都截取出来存放在arr1里面
        // console.log(arr1);


        // var arr = [1,2,3,4];
        // arr.splice(1,0,[1,2,3,4],5);
        // console.log(arr);   //[1,[1,2,3,4],5,2,3,4] 
        /*
            解析:arr.splice(1,0,[1,2,3,4]);
            console.log(arr);   //[1,Array(4),2,3,4]   从下标为1，删除0个，插入数组[1,2,3,4];得到结果
            arr.splice(1,0,[1,2,3,4],5);
            console.log(arr);   //[1,Array(4),5,2,3,4]   从下标为1，删除0个，将数组[1,2,3,4],5插入到1的位置，得到结果
        */


        // var arr = [1,2,3,4];
        // console.log(arr.join('0'));    //1020304
        // console.log(arr.join('0').split(''));  //["1","0","2","0","3","0","4"] 
 

04.字符串案例

//str.charAt(下标);应用
1.判断字符串的首字母是否大写
var str = 'Aihaopld';
var firstLetter = str.charAt(0);
if(firstLetter >= 'A' && firstLetter <= "Z"){
    console.log('大写');     //大写
}else{
    console.log('false');
}
2.任意给定的一串字母，统计字符串里面的大写字母和小写字母的个数
var
str = 'rrrpppKKKddK',
    upperCase = 0,
    lowerCase = 0;
for(var i = 0 ; i < str.length ; i++){
    if(str.charAt(i) >= 'A' && str.charAt(i) <= 'Z'){
        upperCase++;
   }else{
        lowerCase++;
   }
}
console.log('大写' + upperCase + ' ,小写 '+ lowerCase);    //大写4 ,小写 8
​
//str.indexOf()和str.lastIndexOf()的应用
3.判断密码中是否含有特殊字符  #$%^&*;
var special = '#$%^&@';
var pwd = 'jinwfkanfk@ko#$%';
for(i = 0 ; i < special.length ; i++){
    if(pwd.indexOf(special.charAt(i)) != -1){
        console.log("有特殊字符");
        break;
   }
}
4.字符串去重
var str = 'aadddggiengiew';
var tempStr = '';
for(var i = 0 ; i < str.length ; i++){
    if(tempStr.indexOf(str.charAt(i)) == -1){
        tempStr += str.charAt(i);
   }
}
console.log(tempStr);     //adgienw
5.判断字符串中的某个字符是不是唯一的
var str = 'dsifisewifsfkskgk';
function onlyLetter(str,letter){
    if(str.indexOf(letter) == str.lastIndexOf(letter)){
        console.log(letter + '唯一的');
   }else{
        console.log(letter + '有重复');
   }
}
onlyLetter(str,'d');   //d唯一的
6.从字符串中找出没有重复的字符
var str

转载于:https://www.cnblogs.com/ljp1997/p/11462877.html

a123b3211
关注
JS第七天-数组下&字符串
qq_58468193的博客
02-06 295
一、数组ES5新增的方法 ES5新增数组的方法： 1.forEach() 作用：遍历数组类似for循环 返回值：无 语法：arr.forEach(function(item,index,arr){}) item: 每一个元素 index：每一个元素对应的下标 arr：数组本身，可选，可删除 2.map() 作用:遍历数组 返回值：新数组，给原数组的元素进行一些处理（变为原来的两倍）一下， 语法：arr.map(function(item,index,arr){returnitem..
（webApi）草稿笔记不全面
weixin_47110697的博客
07-20 406
草稿笔记不全面
数据库新增字段执行脚本
taiguolaotu的博客
06-08 444
alter table t_portal_pc_handling_guideline add ( portal_pc_handling_guideline_accept_url_pc varchar(2000) COMMENT '受理地点pc端地址' DEFAULT NULL, portal_pc_handling_guideline_accept_url_mobile varchar(2000) COMMENT '受理地点移动端地址' DEFAULT NULL); 字段名称 字段类型(长度)
String字符串常用API总结
weixin_30779691的博客
10-07 290
返回值： int length（）字符串长度 char charAt（int i）索引i处的字符 int indexOf（String s）返回指定字符串在字符串中出现的位置 String concat（String s）将字符串拼接在在原字符串的后面 String substring（int i，...
ES6知识点整理之----字符串扩展----新增API
ap1005233的博客
09-13 301
1、字符的Unicode表示法，只限于码点在 \u0000 ~ \uFFFF之间，超出必须用两个双字节表示。ES6对这点做出了改进，只要将码点放入大括号，就能正确解读该字符 "\u{20BB7}" // "????" "\u{41}\u{42}\u{43}" // "ABC" let hello = 123; hell\u{6F} ...
字符串的介绍及常用API总结
weixin_47604497的博客
09-20 1228
字符串的介绍及常用API总结
Javascript学习笔记
尚澄澄的博客
06-28 600
JavaScript ECMAScript - JavaScript的核心 定义了JavaScript 的语法规范 JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关 BOM - 浏览器对象模型 一套操作浏览器功能的API 通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等 DOM - 文档对象模型 ...
学习网站推荐、ES6新增、初识node、npm
tian_98的博客
12-01 544
day 01 右键->在集成终端中打开，（node js文件名）安装完调试node -v返回版本号 ES5回顾 ECMAScript 和 JavaScript 的关系：前者是后者的规格，后者是前者的一种实现。 ES6与ES5的关系：ES6是ES5的语法糖，即ES6是在ES5的基础上进行封装，多数代码都可以用ES5实现的，方便使用。 ES6与ES7的关系：与ES6相比ES7增强了关键词async的功能，并且可以使用await,轻松直接调用函数来实现异步调用同步化。 ECMAScript 版本历史 •
数据类型、DOM、BOM
m0_46201565的博客
07-06 781
数据类型、BOM、DOM
es6新标准:字符串的扩展
01-08
传统的js中对字符串的操作方法相对来说还是很少的，特别是把html的字符串追加到页面的上的时候。 // 有时候单行也可以 ，但是会碰见换行的情况就更复杂了 var str= +name+ ; $('body').append(str); 同时字符串的操作 api 我比较 replace match indexOf;等等 也是少之又少。 es6给我们新增了一些 新的操作方式 1.首先是字符串 我们可以通过 for of 进行遍历 for(var item of hello){ console.log(item); // 输出 h e l l o } 2.同时 es5中提供
HTML5新增API
qindayong
09-02 147
HTML5新增API 1、检测网络连接状态 <script type="text/javascript"> window.addEventListener('online',function(){ console.log('网络已连接'); }) window.addEventListener('offline',function(){ ...
HTML5——新增的API
weixin_30826761的博客
08-20 270
本文的API有：可点击到达 　　requestAnimationFrame 　　 客户端存储 　　 历史记录 　　 worker 　　 file Reader 　　websocoket 一、requestAnimationFrame （请求动画关键帧） 1.1requestAnimationFrame怎么使用？ 铺垫： 先看一下，我们平时在JS中是...
ES6(四: 字符串新增API)
JUSTIN的博客
09-25 563
这么说吧，其实在java jdk1.6 就已经出现了startsWith和endsWith。而且分别常用与判断字符串开始和文件后缀。至于includes我知识点暂时不知道，不知道是不是js独有的，但是觉得所有api都肯定有其他出处，就好像一个好的模式、好的特性最后都会出现在所有平台一样。redux是这样，Lamda表达式也是这样。
webApi设置请求字符串最大长度
qq_41330451的博客
09-08 3030
configuration节点下加上 <httpRuntime maxQueryStringLength="102400"/> system.webServer节点下加上 <security> <requestFiltering> <requestLimits maxQueryString="2147483647"/> </r...
JS 字符串方法 API
Jerry子辰的博客
03-17 264
字符串string： var str = ‘hello everybody,Look at me’ // length str.length 返回字符串长度，空格也算在内 /* indexOf(),lastIndexOf() 一个从开头往后找，一个从最后往前找 两个都是从字符串里查找指定字符串所在位置下标，返回下标值，若未找到都返回-1 str.indexOf(‘llo’) — 2 str.lastIndexOf(‘llo’) — 2 str.indexOf(‘look’) — -1 区分大小写 str
Java String中常用的API
诺言的博客
12-03 2774
目录 1.API含义 2.StringAPI常用方法及实例 string.length() 获取字符串的长度 string.charAt(n) 获取字符串中某一下标位置的字符 实例1：获取某字符串的长度，并统计其中数字、字母、中文、空格的个数。 string.trim() 去掉字符串开头结尾的空格 string.toUpperCase() 将小写字母转换为大写字母 string.toLowerCase() 将大写字母转换为小写字母 实例2：去掉字符串左右的空格，并进行...
api接口实体增加校验注解
罗格的博客
11-05 420
String类型 @NotBlank(message="XX不能为空") @Length(message = "XX最大长度为36位",max = 36) private String XX; /** * 申报业务类型 */ @TableField("FLAG") @NotBlank(message="类型不能为空") @Pattern(regexp = "A|B", message = "业务类型应该为A或B, .
es5数组怎么转字符串
最新发布
07-20
在 ES5 中，可以使用数组的 `join()` 方法将数组转换为字符串。`join()` 方法接收一个可选的分隔符作为参数，用于在数组元素之间添加分隔符。 下面是一个示例： ```javascript var arr = [1, 2, 3, 4, 5]; var str...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值