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 ...
随机推荐
- 实验十 团队作业7:团队项目用户验收&Beta冲刺
项目 内容 课程班级博客链接 2018级卓越班 这个作业要求链接 实验十 团队名称 零基础619 团队成员分工描述 任务1:亚楠,桂婷任务2:团队合作任务3:团队合作任务4:荣娟,鑫 团队的课程学习目 ...
- ASP.NET Core - 配置系统之配置提供程序
3. 配置提供程序 上面提到,通过 IConfigurationBuilder 的实现类对象,我们可以自由地往配置系统中添加不同的配置提供程序,从而获取不同来源的配置信息..NET Core 中,微软 ...
- 快速掌握Linux三剑客命令使用
前言 Linux三剑客指的是grep.sed以及awk命令的使用,这三个命令功能异常强大,大到没朋友.grep命令主打"查找",sed命令主打"编辑",awk命 ...
- Git 仓库7K stars!学Java开源项目austin要多久?
我是3y,一年CRUD经验用十年的markdown程序员常年被誉为职业八股文选手 开源项目消息推送平台austin仓库地址: 消息推送平台推送下发[邮件][短信][微信服务号][微信小程序][企业微 ...
- Javaweb实践复习--MyBatis
增删改查操作 查询 查询所有数据 1.编写接口方法:Mapper接口------参数:无------结果:List 2.编写sql语句:SQL映射文件 一般情况下,若是用户实体类里面的变量名称与数据库 ...
- day05-2-yaml
yaml 1.yaml介绍 YAML是 "YAML Ain't a Markup Language" (YAML不是一种标记语言)的递归缩写.在开发这种语言时,YAML的意思其实是 ...
- ARP协议:网络世界的临门一脚
大家好,我是风筝. 各位同学肯定见过关于网络的面试题,什么TCP协议和UDP的区别啦,IP协议工作在哪层啊等等,这都是网络中定义的各种协议.这些标准化的协议就是网络分层模型标准化的核心部分.要想搞懂网 ...
- 如何通过Java代码在Word中创建可填充表单
有时候,我们需要制作一个Word模板文档,然后发给用户填写,但我们希望用户只能在指定位置填写内容,其他内容不允许编辑和修改.这时候我们就可以通过表单控件来轻松实现这一功能.本文将为您介绍如何通过Jav ...
- abp(net core)+easyui+efcore实现仓储管理系统——ABP升级7.3上(五十八)
Abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统--ABP总体介绍(一) abp(net core)+ ...
- instanceof 的原理
涉及面试题: instanceof 的原理是什么? instanceof 可以正确的判断对象的类型,因为内部机制是通过判断对象的原型链中是不是 能找到类型的 prototype 实现一下 instan ...