js数组和字符串方法
一.数组方法
1.1.可以改变原数组
var arr = [10, 20, 30, 40, 50, 55];
// 1. **** push() --- 在数组的最后添加一项内容
// var ret = arr.push("60");
// 返回值是添加之后的数组长度(一般不用)
// 2. pop() --- 在数组的最后删除一项内容
// var ret = arr.pop();
// 返回值是删除项
// 3. unshift() --- 在数组的前面添加一项内容
// var ret = arr.unshift("66");
// 返回值是添加之后的数组长度(一般不用)
// 4.shift() --- 在数组的前面删除一项内容
// var ret = arr.shift();
// 返回值是删除项
// 5. reverse()------翻转原数组
// var ret = arr.reverse();
// 返回值是翻转后的数组
// 6. splice(index,n,参数1,参数2) -------- 切割/删除/添加 数组
/*
index 起始索引
n 个数
参数1,参数2 添加到数组中的内容
*/
// 6.1 删除数组中的项(只传一个参数)
// 功能: 从索引index开始,到结尾 全部删除掉
// 返回值: 删除的内容
// var ret = arr.splice(1);
// 6.2 ****** 清空数组
// var ret = arr.splice(0);
// 6.3 ****** 切割数组 (传两个参数)
// 返回值是 从index开始切割n个字符
// 改变了原数组,原数组删除了这些内容
// var ret = arr.splice(2, 2);
// 6.4 删除之后,添加数组的项-----操作原数组
// 返回值是 从index开始切割n个字符
// var ret = arr.splice(2, 2, 300, 400, 500);
1.2.不改变原数组
var arr = [10, 20, 30, 40, 50, 10];
// 1. slice(start,end) 从索引start 开始 切割到索引end 切割数组的
// var ret = arr.slice(2, arr.length);
// 2. indexOf(第一个出现的字符) 获取索引
// var ret = arr.indexOf(10);
// ******* 注意点: 如果找不到这个元素,会得到-1
// 实现功能:检测数组中有没有这个元素
// var ret = arr.indexOf(100);
// 3. join("字符") 数组转字符串通过某个**字符**链接
// var ret = arr.join(" ");
// 4. 一组方法(难)------遍历数组
var arr1 = [
{ name: "张三", score: 50 },
{ name: "李四", score: 80 },
{ name: "王麻子", score: 100 }
]
// 4.1 ******* forEach 遍历数组(取代for循环遍历数组) 没有返回值
// arr1.forEach(function (item, index) {
// // item 数组中的项 index 索引
// console.log(item, index);
// });
// 4.2 ***** map 遍历数组 有返回值-------每次返回的结果打包成数组 整体返回
// 重点,现阶段有点难
/* var ret = arr1.map(function (item, index) {
// item 数组中的项 index 索引
console.log(item, index);
// 内部手动return
return item.name;
}); */
// 4.3 **** filter 遍历数组(过滤器) 有返回值-------return后面是一个表达式, 过滤有效数据 整体返回
// 重点,现阶段有点难
var ret = arr1.filter(function (item, index) {
// item 数组中的项 index 索引
console.log(item, index);
// 内部手动return
return item.score > 60;
});
console.log(ret);
二.字符串方法
// 1. ******* split() 字符串切割并转数组
/* var str1 = "1,2,3,4";
var arr = str1.split(",");
console.log(arr); */
// 2. charAt 获取字符
/* var str = "张三是一个法外狂徒";
// 字符串顶天了叫他伪数组
// console.log(str[0]);
// console.log(str.length);
var ret = str.charAt(1);
console.log(ret);
console.log(str[1]); */
// 3. ****** indexOf()------ 和数组的使用,一模一样
// 用来判断字符串中有没有这个字符
/* var str = "张三是一个法外狂徒";
var ret = str.indexOf("s");
console.log(ret); */
// 4. substring(start,end)------- 从索引start 开始 切割到索引end 截取 字符串
/* var str = "张三是一个法外狂徒";
var ret = str.substring(1, 4);
console.log(ret); */
// 5. substr(index,n)------- 从索引start 开始 切割n个字符 截取 字符串
/* var str = "张三是一个法外狂徒";
var ret = str.substr(2, 7);
console.log(ret); */
// 6. ***** replace(old,new)-------- 使用新字符替换老字符
var str = "张三是一个法外狂徒";
var ret = str.replace("张三", "李四");
console.log(ret);
js数组和字符串方法的更多相关文章
- JS —— 数组与字符串方法
数组 1. 基本方法 1)Array.prototype.unshift(item1,item2,item3...) 描述: 在数组的前面添加元素,一次可以传入多个参数. 注意:元素会根据当前传入的 ...
- 微信开发所需要的的方法(签名认证、数组转字符串方法、将xml字符串转换为数组、发送xml请求方法)
//将xml字符串转换为数组 public function xmlToArray($xml){ $array_data = json_decode(json_encode(simplexml_loa ...
- js 常用数组和字符串方法
javascript数组与字符串常用方法总结 最近在梳理js的基础,首先从数组和字符串开始. string 常用方法: 1.substring(start开始位置的索引,end结束位置索引) 截取的位 ...
- js数组和字符串去重复几种方法
js数组去重复几种方法 第一种:也是最笨的吧. Array.prototype.unique1 = function () { var r = new Array(); label:for(var i ...
- js数组与字符串的相互转换方法
一.数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下: var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); 二 ...
- (转)js数组与字符串的相互转换方法
一.数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下: var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); 二 ...
- js数组与字符串的相互转换方法 数组常用的方法
1 数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下: var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); 二 ...
- js数组与字符串类型相同方法的比较
数组和字符串有很多相似的对方,比如数组和字符串都有以下方法: concat indexOf lastIndexOf slice includes 鉴于toString及valueOf方法基本类型都有, ...
- JS中数组和字符串方法的简单整理
一.数组: 数组的基本方法: 1.增:arr.unshift() /push() 前增/后增 2.删:arr.shift() /pop ...
- js数组,字符串常用方法汇总(面试必备)
字符串: 1.concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串. 2.indexOf() – 返回字符串中一个子串第一处出现的索引.如果没有匹配项,返回 -1 . 3.ch ...
随机推荐
- 2019.11.14 typeScript环境搭建
当前环境为windows系统,在VSCode下搭建typeScript环境.在mac系统下同window系统一样,只是安装好ts环境后可能会报tsc命令不能使用的错误,这个时候需要找到tsc命令所在的 ...
- [扫描工具]dirsearch简单使用
[扫描工具]dirsearch简单使用 dirsearch是一个python开发的目录扫描工具.和我们平时使用的dirb.御剑之类的工具一样,就是为了扫描网站的敏感文件和目录从而找到突破口. 安装: ...
- python - 命令行下一键更新所有包
Python3.8以下这样一键更新所有包:from pip._internal.utils.misc import get_installed_distributionsfrom subprocess ...
- Java所用相关软件的大致安装流程
JAVA下载流程 一.相关环境的安装与配置 1.JDK的下载 去官网搜索相应的java版本,并进行下载 官网链接:www.xfdown.com/soft/125774.html在该链接下,可以下载ja ...
- 对于利用JavaBean+Servlet+jsp实现增删改查功能题目的实现
首先,为了更好地规范代码,可以分别将不同用处的Java文件放置到不同的文件夹里面 对于实体类,可以放在名为Bean的package里面 对于中间用来实现Java与jsp页面交互的类,可以放在名为Ser ...
- 解决margin合并问题
一.什么是外边距合并 外边距合并(叠加)是一个相当简单的概念.但是,在实践中对网页进行布局时,它会造成许多混淆. 所谓的外边距合并就是,当两个垂直外边距相遇时,它们将形成一个外边距.合并的外边距的高度 ...
- Web 前端入门 JS 基础知识梳理汇总
Web 前端工程师是当前各大企业都比较稀缺的人才,薪资待遇和就业前景都很不错.不论是专业还是非专业,有基础亦或是无基础,都想通过学习 Web 前端实现高薪就业.不过,学习要一步一个脚印,不能一口吃一个 ...
- springboot实现验证码功能
实现验证码功能 先在utils包下创建一个ValidateImageCodeUtils.class package com.wfszmg.demo.utils; import javax.imagei ...
- Spring 事务——源码分析
[事务环境搭建工作]:链接注解 @EnableTransactionManagement:在配置类中添加注解@EnableTransactionManagement,便开启了事务功能.此注解也是了解S ...
- NetCore 使用 Swashbuckle 搭建 SwaggerHub
什么是SwaggerHub? Hub 谓之 中心, 所以 SwaggerHub即swagger中心. 什么时候需要它? 通常, 公司都拥有多个服务, 例如商品服务, 订单服务, 用户服务, 等等, 每 ...