[妙味JS基础]第十一课:字符串、查找高亮显示
知识点总结
- 字符串方法
var str = '2014年新春快乐哈'
* length 字符串长度
str.length =>10
---------------------------------------------------------------------------------------
* charAt 获取指定位置的字符
str.charAt(5) =>新 * charCodeAt 获取指定位置的字符Unicode
str.charCodeAt(5) =>‘新’的Unicode是26032
0-9 48-57
A-Z 65-90
a-z 97-122
举例:用此方法可以用来判断是否输入数字? * String.fromCharCode 根据Unicode编码转换成文字
String.fromCharCode(26032,26149,24555,20048) =>新春快乐
举例:简单的加密
通过charCodeAt转换成编码与数字相减,再通过fromCharCode转换成文字,实现了一个简单的加密
---------------------------------------------------------------------------------------
位置
* indexOf 查找子字符串出现的位置和次数,从前往后
没有找到 -1
indexOf('m') 只有一个参数,从0开始找
indexOf('m',-30) 负数,从0开始找
* lastIndexOf 从后往前
lastIndexOf('m',-30) 负数,从0开始找
---------------------------------------------------------------------------------------
< > ==
alert('1000'>2) true(数字比较)
alert('1000'>'2') false(字符串比较)
---------------------------------------------------------------------------------------
截取类
* substring
str.substring(5,9) => 新春快乐,从每5位开始到第8位
str.substring(9,5) => 前面参数>后面参数,颠倒位置
str.substring() => 未截取
str.substring(-3,5) => 2014年,负数当0处理
* slice
str.slice(9,5) => 空值,不交换位置
str.slice(-5,-1) => 新春快乐
---------------------------------------------------------------------------------------
大小写转换
str.toUpperCase() 大写
str.toLowerCase() 小写
---------------------------------------------------------------------------------------
split 分成好几段,变成数组对象
str.split() => 不分割,是数组
str.split('') => 一个字符,一个字符分割
str.split('',2) => 只取前面2段,后面的丢弃 join 数组变成字符串
var arr = [ 'aa', 'bb', 'cc' ];
arr.join(); => 字符串 aa,bb,cc
arr.join(''); => 字符串 aabbcc
arr.join('-'); => 字符串 aa-bb-cc
数组去重:
var arr = [1,2,2,4,5,2]
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--;
}
}
}
[妙味JS基础]第十一课:字符串、查找高亮显示的更多相关文章
- [妙味JS基础]第四课:JS数据类型、类型转换
知识点总结 JS数据类型:number数字(NaN).string字符串.boolean布尔值.函数类型.object对象(obj.[].{}.null).undefined未定义 typeof 用来 ...
- [妙味JS基础]第十课:日期对象、时钟倒计时
知识点总结 时间.年.月.日.时.分.秒 new Date() ->当前系统的时间对象 数字类型: getFullYear().getYear().getUTCFullYear() getYea ...
- [妙味JS基础]第七课:运算符、流程控制
知识点总结 &&(与).||(或).!(非) 与: alert(20 && 20>100) => false alert(20 && 20& ...
- [妙味JS基础]第六课:作用域、JS预解析机制
知识点总结 浏览器的解析方法 script 全局变量,全局函数 自上而下 函数 由里到外 "JS的解析器": 1)“找一些东西”:var function 参数 var a=未定义 ...
- [妙味JS基础]第五课:函数传参、重用、价格计算
知识点总结 函数传参,传的参数=数据类型(即:数值.字符串.布尔.函数.对象.未定义) 通过传参来重用代码 1.尽量保证 HTML 代码结构一致,可以通过父级选取子元素 2.把核心主程序实现,用函数包 ...
- [妙味JS基础]第八课:return、定时器基础
知识点总结 return 1)函数名+括号 = return 返回值 2)所有的函数默认的返回值 = 未定义 3)return后面的代码不执行 arguments =>为实参的集合,当参数个数 ...
- [妙味JS基础]第三课:自定义属性、索引值
知识点总结 自定义属性 元素.自定义属性 = 值: 比如: oDiv.abc = 100; =>abc为自定义属性 索引值 index =>也是自定义属性 oDiv.index = '' ...
- [妙味JS基础]第十二课:数组随机、数组去重
知识点总结 json var json={'name':'abc'} 属性加分号为安全的写法 json: 只能用for in 数组:for和for in 都可以使用 json没有length和下标 数 ...
- [妙味JS基础]第二课:for应用、this关键字
知识点总结 getElementsByTagName(动态方法) 与 getElementById(静态方法) 的区别 1.ID前面只能跟document,不能跟其他元素,比如:document.ge ...
随机推荐
- 01--css编码技巧--css揭秘
一 尽量减少代码重复 1.按钮 #btn { padding: .3em .8em; border: 1px solid #446d88; background: #58a linear-gradie ...
- openstack私有云布署实践【8.1 身份认证keystone的API创建(科兴环境)】
其中一台controller上面加入环境变量,我选kxcontroller1,关注的是endpoint的名称不一样,其它创建的参数与测试环境一致 export OS_TOKEN=venicchina ...
- java 报表到excel
现加个jar包 http://pan.baidu.com/s/1boe5kXh vfp8 然后代码 package makeReportToExcel; import java.io.File; ...
- 【LeetCode】23. Merge k Sorted Lists
合并k个已合并链表. 思路:先把链表两两合并,直到合并至只有一个链表 /** * Definition for singly-linked list. * struct ListNode { * in ...
- CentOS+OpenCV图像的读入、显示
以管理员身份运行su root输入密码 定位到自己的桌面目录 gedit 1.cpp 编辑内容 #include<opencv2/opencv.hpp>using namespace cv ...
- udp接收
char receive_buffer[500] = {0}; std::vector<std::string> mysplit(std::string str,std::string p ...
- ssh爆破脚本
前些天,基友发我一个ssh爆破工具,看起来很吊的样子.然后我就无聊自己写了个py脚本的. 单线程:慢成狗----- #coding:utf-8 #author:jwong import threadi ...
- python新手 实践操作 作业
#有如下值集合 [11,22,33,44,55,66,77,88,99],将所有大于 66 的值保存至字典的第一个key中,将小于 66 的值保存至第二个key的值中.即: {'k1': 大于66的所 ...
- 隐藏android中EditText中的下划线以及修改光标颜色
在android开发中 EditTextText是我们经常用到的,我们使用时会有一些小问题,当我们点击输入文字时,EditText中的光标和下划线会变成粉红色. 解决方法很简单,我们只要在EditTe ...
- New : HTML5 中的新标签
基础 标签 描述 <!DOCTYPE> 定义文档类型. <html> 定义 HTML 文档. <title> 定义文档的标题. <body> 定义文档 ...